Javascript 如何使用jQuery1.10通过Ajax操作来自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

我有一个基于ajax的网站,当用户登录时,另一个页面会自动加载。在这个页面上,我有一个id为portal contacts的div,我需要用另外一个ajax调用填充这个div。以下是从一开始的代码:

1当用户登录时,我执行此$.ajax注意:“完成”来自另一个ajax调用,用于验证用户登录和密码,工作正常:

2函数/portal.php文件:

但它不起作用。我已经试过了:


这些都没用,有人能帮我吗?谢谢。

试试.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";
            });