如何強制更新Ajax數據

我正在使用Ajax尋呼機，並且我有一些向我的數據庫添加記錄的代碼。我想要做的是強制記錄刷新。我試圖使用$（「builders_table」）。trigger（「update」），但這不起作用。如果我更改頁面或篩選記錄，則返回更新的記錄，但是我希望在數據庫更改後立即強制刷新。如何強制更新Ajax數據

感謝

$('#builders_table') 
.tablesorter({ 
    theme: 'blue', 
    widthFixed: true, 
    cancelSelection: false, 
    sortLocaleCompare: true, // needed for accented characters in the data 
    sortList: [ [1,1] ], 
    widgets: ['zebra', 'filter'] 
}) 

.tablesorterPager({ 

    container: $('.pager'), 

    ajaxUrl : '/builder_data.php?page={page}&size={size}&{filterList:filter}&{sortList:column}', 

    // use this option to manipulate and/or add additional parameters to the ajax url 
    customAjaxUrl: function(table, url) { 
     // manipulate the url string as you desire 
     //url += url_extras; 

     // trigger a custom event; if you want 
     $(table).trigger('changingUrl', url); 
     // send the server the current page 
     return url; 
    }, 
    ajaxError: null, 
    ajaxObject: { 
    dataType: 'json' 
    }, 
    ajaxProcessing: function(data){ 
    if (data && data.hasOwnProperty('rows')) { 
     return [ data.total_rows, $(data.rows) ]; 
    } 
    }, 

    // Set this option to false if your table data is preloaded into the table, but you are still using ajax 
    processAjaxOnInit: true, 
    initialRows: { 
    // these are both set to 100 in the ajaxProcessing 
    // the these settings only show up initially 
    total: 50, 
    filtered: 50 
    }, 
    output: '{startRow} to {endRow} ({totalRows})', 
    updateArrows: true, 
    page: 0, 
    size: 50, 
    savePages: false, 
    storageKey: 'tablesorter-pager', 
    pageReset: 0, 
    fixedHeight: false, 
    removeRows: false, 
    countChildRows: false, 

    // css class names of pager arrows 
    cssNext  : '.next', // next page arrow 
    cssPrev  : '.prev', // previous page arrow 
    cssFirst  : '.first', // go to first page arrow 
    cssLast  : '.last', // go to last page arrow 
    cssGoto  : '.gotoPage', // page select dropdown - select dropdown that set the "page" option 

    cssPageDisplay : '.pagedisplay', // location of where the "output" is displayed 
    cssPageSize : '.pagesize', // page size selector - select dropdown that sets the "size" option 

    // class added to arrows when at the extremes; see the "updateArrows" option 
    // (i.e. prev/first arrows are "disabled" when on the first page) 
    cssDisabled : 'disabled', // Note there is no period "." in front of this class name 
    cssErrorRow : 'tablesorter-errorRow' // error information row 

});

來源

2016-01-25 phpmaven

的尋呼機有一個內置的方法來強制命名爲"pagerUpdate"更新：

可以強制更新如下：

$('table').trigger('pagerUpdate');

，或者，如果你想強制更新並更改頁面

$('table').trigger('pagerUpdate', 3); // update and set to page 3

來源

2016-01-25 21:38:43 Mottie

感謝Mottie。我非常感謝你給予的大力支持。 – phpmaven

如何強制更新Ajax數據

回答

相關問題