对body load事件使用JQuery时出现问题

我在应用程序中使用jquery（jquery的新手）。简而言之，我在做什么：我有一个主页，用户在其中输入他的名字，并在同一页上获得结果。所以我在home.php中编写了两个函数，一个用于body load事件，另一个用于获取用户结果。我有“get_home_info.php”，它将在body的load事件中加载，并在button click事件中加载get_info.php，它将覆盖“get_home_info.php”，并给出用户搜索结果（即get_info.php）。 这些功能如下：

 $(document).ready(function(){        
            $('body').load($.get('/get_home_info.php', function(data){
            $('#get_data').html(data);
      })); 
    });

另一个用于获取用户结果：

$(document).ready(function(){
    $("#btn_submit").bind('click', function(){
        if($('#tnm').val() != '' && $('#tnm').val() != 'Enter a twitter username to know its Honest Followers!'){

        $('#loadimg').html('<img src="images/images/ajax-loader.gif">');
            $('#loadimg').show();       
            $.get('/get_info.php?tnm='+$('#tnm').val(), '', function(data){
                $('#get_data').html(data);
                 $('#loadimg').hide();  
            });
        }
    });
});

$（文档）.ready（函数（）{
$（“#btn_submit”）.bind（'click'，function（）{
如果（$（'#tnm'）.val（）！=''&$（'#tnm'）.val（）！='输入twitter用户名以了解其忠实追随者！'）{
$（'#loadimg'）.html（''）；
$（'#loadimg'）.show（）；
$.get（'/get_info.php？tnm='+$（'#tnm'）.val（），''，函数（数据）{
$（'get#u data'）.html（数据）；
$（'#loadimg'）.hide（）；
});
}
});
});

注意：下面代码中有div标签，请在正文中正确填写。 现在我的问题是，我不能同时执行这两个函数，即当我注释bodyload函数并输入用户名时，我会得到结果，而取消注释body并尝试使用username只会显示搜索结果

我的问题是:

我可以编写两个函数并一次执行这两个函数吗

我怎样才能给按钮的点击事件的效果，第一页应该消失，这样我就可以显示加载图像和之后的结果

有人能帮忙吗？

---

提前谢谢。

您应该将这两个函数放在1

$（document.ready（function（）{}）中$（'body'）.load（）

函数，因为

.load（）

函数已经是对静态html元素的ajax调用

$(document).ready(function(){

    $.get('/get_home_info.php', function(data){ $('#get_data').html(data); });

    $("#btn_submit").bind('click', function(){
        if($('#tnm').val() != '' && $('#tnm').val() != 'Enter a twitter username to know its Honest Followers!'){

        $('#loadimg').html('<img src="images/images/ajax-loader.gif">');
            $('#loadimg').show();       
            $.get('/get_info.php?tnm='+$('#tnm').val(), '', function(data){
                $('#get_data').html(data);
                 $('#loadimg').hide();  
            });
        }
    });
});

$（文档）.ready（函数（）{
$.get（'/get_home_info.php'，函数（数据）{$（'#get_data'）.html（数据）；}）；
$（“#btn_submit”）.bind（'click'，function（）{
如果（$（'#tnm'）.val（）！=''&$（'#tnm'）.val（）！='输入twitter用户名以了解其忠实追随者！'）{
$（'#loadimg'）.html（''）；
$（'#loadimg'）.show（）；
$.get（'/get_info.php？tnm='+$（'#tnm'）.val（），''，函数（数据）{
$（'get#u data'）.html（数据）；
$（'#loadimg'）.hide（）；
});
}
});
});

您可以在中的

.load（）

函数中获得更多定义

和

中的

$.get（）

尝试一个$（文档）.ready块，因此：

 $(document).ready(function(){ 
  $('body').load($.get('/get_home_info.php', function(data){
            $('#get_data').html(data);
  });
  $("#btn_submit").bind('click', function(){
        if($('#tnm').val() != '' && $('#tnm').val() != 'Enter a twitter username to know its Honest Followers!'){

        $('#loadimg').html('<img src="images/images/ajax-loader.gif">');
            $('#loadimg').show();       
            $.get('/get_info.php?tnm='+$('#tnm').val(), '', function(data){
                $('#get_data').html(data);
                 $('#loadimg').hide();  
            });
        }
    });
});

$（文档）.ready（函数（）{
$（'body'）.load（$.get（'/get\u home\u info.php'，函数（数据）{
$（'get#u data'）.html（数据）；
});
$（“#btn_submit”）.bind（'click'，function（）{
如果（$（'#tnm'）.val（）！=''&$（'#tnm'）.val（）！='输入twitter用户名以了解其忠实追随者！'）{
$（'#loadimg'）.html（''）；
$（'#loadimg'）.show（）；
$.get（'/get_info.php？tnm='+$（'#tnm'）.val（），''，函数（数据）{
$（'get#u data'）.html（数据）；
$（'#loadimg'）.hide（）；
});
}
});
});

谢谢rob，刚刚完成，在过去两天中遇到了这个问题，他将仔细阅读这些函数。再次感谢您的快速回复。