Javascript 如何使用jQuery1.10通过Ajax操作来自PHP文件的元素?
我有一个基于ajax的网站,当用户登录时,另一个页面会自动加载。在这个页面上,我有一个id为portal contacts的div,我需要用另外一个ajax调用填充这个div。以下是从一开始的代码: 1当用户登录时,我执行此$.ajax注意:“完成”来自另一个ajax调用,用于验证用户登录和密码,工作正常: 2函数/portal.php文件: 但它不起作用。我已经试过了:Javascript 如何使用jQuery1.10通过Ajax操作来自PHP文件的元素?,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有一个基于ajax的网站,当用户登录时,另一个页面会自动加载。在这个页面上,我有一个id为portal contacts的div,我需要用另外一个ajax调用填充这个div。以下是从一开始的代码: 1当用户登录时,我执行此$.ajax注意:“完成”来自另一个ajax调用,用于验证用户登录和密码,工作正常: 2函数/portal.php文件: 但它不起作用。我已经试过了: 这些都没用,有人能帮我吗?谢谢。试试.html“Hi World”而不是.innerHTMLOk,效果不错。但是为什么inn
这些都没用,有人能帮我吗?谢谢。试试.html“Hi World”而不是.innerHTMLOk,效果不错。但是为什么innerHTML不起作用呢?无论如何,谢谢。因为.innerHTML是dom元素的属性,但是$this返回一个jQuery对象。@Jason说得对。innerHTML是一个标准的JavaScript属性,而.html是一个jQuery函数,可以对$.OK返回的选择调用该函数。再次感谢你。
complete:function(jqXHR,textStatus){
if(textStatus == "success"){
$("#login-submit").removeAttr('disabled')
.css('visibility','hidden');
$.ajax({
type:"GET",
dataType:"json",
url:"functions/portal.php",
async:true,
data:null,
success:function(response){
$("#login-window").fadeOut();
$("#container").hide().fadeIn().html(response.msg);
},
error:function(error,msg,errort){},
complete:function(jqXHR,textStatus){}
});
}
}
<div class='portal-content'>
<div id='portal-contacts'></div>
</div>
<script type='text/javascript'>load_portal();</script>
function load_portal() {
$("#portal-contacts).innerHTML = "Hi World";
}
$("#portal-contacts").click(function(){
$(this).innerHTML = "Oi";
});
$("#portal-contacts").trigger("click");
$("#portal-contacts").on("click",function(){
$(this).innerHTML = "Hi World";
});
$("#portal-contacts").trigger("click");
$("#portal-contacts").ready(function(){
$(this).innerHTML = "Hi World";
});