当我单击下一个或上一个按钮时，datatable显示旧值

datatable is displaying old value when i click next or previous button.

本文关键字：datatable 显示 按钮 单击 下一个 上一个      更新时间：2023-09-26

im使用jquery数据表显示基于ajax用户搜索的数据。数据表没有刷新。当我点击下一个或上一个按钮时，它显示第一个时间加载的值。

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>');
           }
        });
  }

只需禁用ajax缓存功能。默认值为true。所以，你必须把它设置为false。（缓存：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>');
           }
        });
  }
相关文章：