Question

我在我的应用程序中使用jquery（新手为jquery）。简而言之，我正在做的事情：我有一个主页，用户输入他的名字并在同一页面上获得结果。所以我在home.php写了两个函数，一个用于body load事件，另一个用于获取用户的结果。我有“get_home_info.php”，它将加载body的load事件和get_info.php on button click事件，它将覆盖“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();  
            });
        }
    });
});

注意：下面的代码中有正好的div标签。现在我的问题是，我无法同时执行这两个函数，即当我评论bodyload函数，并输入用户名我得到结果，取消注释正文和尝试用户名只显示搜索结果。

我的问题是：

我可以写两个函数并一次执行这两个函数。
如何在按钮的点击事件第一页上给出效果应该消失，以便我可以显示加载图像，然后显示结果。

有人可以帮忙吗？提前谢谢你。

Answer 1

你应该将这两个函数放在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();  
            });
        }
    });
});

您可以在here

中的.load()函数中获得更多定义在here

中

和$.get()

Answer 2

尝试一个$（document）.ready block，所以：

 $(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();  
            });
        }
    });
});

使用JQuery进行身体加载事件的问题

2 个答案: