從AJAX請求返回數據

Question

我需要使用「數據」填充我的數據表列，但它是（自然）未定義在AJAX get以外。我怎麼解決這個問題？

$(document).ready(function() { 

     $('#search').keyup(function(){ 
      q = $(this).val(); 
      $.get("allUsers/?search=" + q , function (data) { 

      }); 
     }); 

     $('#example').DataTable({ 
      data: data, 
      columns: [ 
       { data: 'name.first'}, 
       { data: 'name.last' }, 
       { data: 'email' } 

      ] 
     });  

    }); 

Answer 1

在回調中創建數據表以使用響應。

這裏是更新的代碼。

$(document).ready(function() { 
    $('#search').keyup(function(){ 
     q = $(this).val(); 
     $.get("allUsers/?search=" + q , function (data) { 

      $('#example').DataTable({ 
       data: data, 
       columns: [ 
        { data: 'name.first'}, 
        { data: 'name.last' }, 
        { data: 'email' } 
       ] 
      }); 
     }); 
    });  

}); 

如果出於任何原因，你限制了創建回調的數據表，您可以定義創建數據表的功能和調用它在必要時。

以下是您可以選擇的方法。

$(document).ready(function() { 

    function createDataTable(data) { 
     $('#example').DataTable({ 
      data: data, 
      columns: [{ 
        data: 'name.first' 
       }, 
       { 
        data: 'name.last' 
       }, 
       { 
        data: 'email' 
       } 
      ] 
     }); 
    } 


    $('#search').keyup(function() { 
     q = $(this).val(); 

     $.get("allUsers/?search=" + q, function(data) { 
      createDataTable(data); 
     }); 
    }); 

}); 

編輯：更新與評論的建議。

Answer 2

你可以這樣做。通過參數AJAX功能，並使用直接

function populate(data){ 
    $.ajax({ 
      type:"GET", 
      url:"Task-detail-table.jsp", 
      async: false, 
      data:{value:data }, 
      dataType:"html", 
      success:function(data) { 

       $("#Table").html(data); 

      }, 
      error:function() { 
       alert("Error"); 
      } 
     }) 

    }