次回または前のボタンをクリックすると、datatableが古い値を表示しています。

Question

im ajaxを使用したユーザー検索に基づいてデータを表示するためのjqueryデータテーブルを使用します。データテーブルは更新されません。次回または前のボタンをクリックすると、最初にロードされた値が表示されます。

function searchCustomer() { 

var frm = $("#customerDetailSearchForm").serializeObject(); 
$("#tbl_contact_search_result").hide(); 

$.ajax({ 
type: 'POST', 
url: restContextPath + '/IONSWeb/rest/order/searchContact', 
data: JSON.stringify(frm), 
dataType: 'json', 
contentType: "application/json; charset=utf-8", 
success: function(data, status, xhr) {    
     $("#tbl_contact_search_result tbody").empty(); 
    $.each(data.body, function(i, item) {     
     var checkBox = item.actionString; 
     var dataTableBodyHTML = '<tr><td>'+ checkBox + '</td><td>'+ item.name + '</td><td>'+ item.street +'</td><td>' + item.city + '</td><td>'+ item.state + '</td><td>' + item.phone +'</td></tr>'; 

     $("#tbl_contact_search_result tbody").append(dataTableBodyHTML);    
     $("#tbl_contact_search_result").show(); 
    });   
     var dataTable = $('#tbl_contact_search_result').DataTable(); 

     }, 
     error: function(jqXhr, textStatus, errorMessage) {    
       $('.ErrorMsg').html('<h5>An error has occurred</h5>'); 
      } 
     }); 
    } 

Answer 1

ajaxキャッシング機能を無効にするだけです。 The default value is true。したがって、あなたはそれをfalseとして設定する必要があります。 （キャッシュ：偽）

function searchCustomer() { 

var frm = $("#customerDetailSearchForm").serializeObject(); 
$("#tbl_contact_search_result").hide(); 

$.ajax({ 
type: 'POST', 
url: restContextPath + '/IONSWeb/rest/order/searchContact', 
data: JSON.stringify(frm), 
dataType: 'json', 
cache: false, 
contentType: "application/json; charset=utf-8", 
success: function(data, status, xhr) {    
     $("#tbl_contact_search_result tbody").empty(); 
    $.each(data.body, function(i, item) {     
     var checkBox = item.actionString; 
     var dataTableBodyHTML = '<tr><td>'+ checkBox + '</td><td>'+ item.name + '</td><td>'+ item.street +'</td><td>' + item.city + '</td><td>'+ item.state + '</td><td>' + item.phone +'</td></tr>'; 

     $("#tbl_contact_search_result tbody").append(dataTableBodyHTML);    
     $("#tbl_contact_search_result").show(); 
    });   
     var dataTable = $('#tbl_contact_search_result').DataTable(); 

     }, 
     error: function(jqXhr, textStatus, errorMessage) {    
       $('.ErrorMsg').html('<h5>An error has occurred</h5>'); 
      } 
     }); 
    }