Question

我正在尝试解决以下ajax请求需要多次使用以从同一MySQL表中检索信息的不同部分的问题，例如选择活跃的客户并选择不活动的客户。

如何获得以下代码执行2个不同的任务选择1 div中的活动客户显示并选择不活动并显示在另一个div中？

    <script>
    function webapp_get_customers(){
       $.ajax({
       type: 'GET',
       url: '/get.php=?status=active',
       dataType: 'html'
      }).done(function( data ) {
      $('#webapp_get_customers').html(data);
      });
    }   
    webapp_get_customers();
    </script>

    <div id='webapp_get_customers'></div>

我对ajax完全陌生，并且基本了解所以请轻松一下

Answer 1

 <script>
    function webapp_get_customers(status, id){
       $.ajax({
       type: 'GET',
       url: '/get.php=?status='+status,
       dataType: 'html'
      }).done(function( data ) {
      $('#' + id ).html(data);
      });
    }   
    webapp_get_customers('active', 'active_customers');
    webapp_get_customers('inactive', 'inactive_customers');
    </script>

    <div id='webapp_get_customers'>
     <div id="active_customers"></div>
     <div id="inactive_customers"></div>  
   </div>

Answer 2

您必须为活动和非活动客户写入两个不同的查询到您的ajax文件并存储到两个不同的 div 。类似活动客户div有“ active_customer ”类和不活跃的客户div有“ inactive_customer ”类。

然后你必须使用ajax 完成方法。例如：

$.ajax({
        url : "your ajax file url",
            data: {c_id:c_id}
        }).done(function(data){
             var $response=$(data);
             var c1 = $response.filter('.active_customers').text(); //for getting active customer data form ajax file to variable
             var c2 = $response.filter('.inactive_customers').text(); //for getting inactive customer data form ajax file to variable

             $('#active_customers').html(c1); // assign data to you div 
             $('#inactive_customers').html(c2); // assign data to you div 
         });


 <div id='active_customers'></div>
 <div id='inactive_customers'></div>

多个ajax获取请求1个脚本

2 个答案: