亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例

 更新時間:2017年07月04日 08:18:31   投稿:jingxian  
下面小編就為大家?guī)硪黄狣ataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

廢話不多說,直接上代碼

//1.定義全局變量
var iStart = 0, searchParams={};

//2.配置datatable的ajax配置項
"ajax": {
      "url": "/user/query",
      "type": "POST",
      //動態(tài)請求參數(shù)設置,會應用到每次請求
      "data": function (d) {
        //刪除多余請求參數(shù)
        for(var key in d){
          if(key.indexOf("columns")==0||key.indexOf("order")==0||key.indexOf("search")==0){ //以columns開頭的參數(shù)刪除
            delete d[key];
          }
        }
        //附加查詢參數(shù)
        if(searchParams){
          $.extend(d,searchParams); //給d擴展參數(shù)
        }
      },
      //數(shù)據(jù)源處理(當數(shù)據(jù)加載完畢時觸發(fā))
      "dataSrc": function ( json ) {
        iStart = json.start + 1; //起始行號
        return json.data;
      }
    }

//3.查詢按鈕綁定點擊事件
  /**
   * 搜索
   */
  $('.search').click(function () {
    reloadTable();
  });

//4.刷新表格方法
/**
 * 重新加載表格,刷新頁碼
 */
function reloadTable() {
  //希望搜索一次附加參數(shù),修改搜索條件后,如果不點擊搜索按鈕,切換頁碼仍使用上次參數(shù)
  var number = $("#number").val();
  var name = $("#name").val();
  searchParams.number = number;
  searchParams.name = name;

  var table = $('#userTable').DataTable();
  table.ajax.reload();
}

//5.刷新表格,頁碼不變方法
/**
 * 刷新表格,不改變頁碼
 */
function refreshTable() {
  var table = $('#userTable').DataTable();
  table.draw(false);
}

//6.跳頁實現(xiàn)
$('#example').DataTable().page(5).draw(false)
或者
$('#example').DataTable().page(5).draw('page')

以上這篇DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • JavaScript函數(shù)基礎詳解

    JavaScript函數(shù)基礎詳解

    本文主要介紹了JavaScript函數(shù)的基礎知識。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JavaScript webpack模塊打包器如何優(yōu)化前端性能

    JavaScript webpack模塊打包器如何優(yōu)化前端性能

    本系列主要整理前端面試中需要掌握的知識點。本節(jié)介紹webpack如何優(yōu)化前端性能,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-08-08
  • js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼

    js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼

    要保留小數(shù)點后N位的問題,經(jīng)過一番思索,終于解決了,這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼,感興趣的朋友可以參考一下
    2016-07-07
  • 通過JavaScript實現(xiàn)圖片壓縮

    通過JavaScript實現(xiàn)圖片壓縮

    在學習的時候,有時候看到一些一些網(wǎng)站的圖片是經(jīng)過壓縮處理的,因為壓縮之后的圖片會節(jié)省一部分你的內(nèi)存空間,這樣的話也可以提升性能,于是就比較好奇這是如何實現(xiàn)的,今天我們就簡單的實現(xiàn)一下,需要的朋友可以參考下
    2023-06-06
  • JavaScript函數(shù)節(jié)流概念與用法實例詳解

    JavaScript函數(shù)節(jié)流概念與用法實例詳解

    這篇文章主要介紹了JavaScript函數(shù)節(jié)流概念與用法,結(jié)合實例形式詳細分析了JavaScript函數(shù)節(jié)流的概念、功能,并分析了函數(shù)節(jié)流的用法與使用技巧,需要的朋友可以參考下
    2016-06-06
  • 動態(tài)生成的IFRAME,設置SRC時的,不同位置帶來的影響

    動態(tài)生成的IFRAME,設置SRC時的,不同位置帶來的影響

    動態(tài)生成的IFRAME,設置SRC時的,不同位置帶來的影響。 以下所說的是在IE7下運行的。IE6下也是同樣。 在這個blog中,直接點擊運行代碼,和把下面代碼保存到為網(wǎng)頁在運行(以本地文件或域名訪問),效果不一樣。
    2008-03-03
  • antd項目實現(xiàn)彩蛋效果的詳細代碼

    antd項目實現(xiàn)彩蛋效果的詳細代碼

    這篇文章主要介紹了antd項目如何實現(xiàn)彩蛋效果,首先在components目錄下創(chuàng)建Transform目錄,包括index.css、index.js,index.js是主要的邏輯代碼,下面對代碼進行分析,需要的朋友可以參考下
    2022-09-09
  • Script的加載方法小結(jié)

    Script的加載方法小結(jié)

    對動態(tài)加載腳本,需要重點關注的一個問題是,所動態(tài)加載的JS腳本的接口依賴問題。
    2011-01-01
  • js實現(xiàn)點擊按鈕后給Div圖層設置隨機背景顏色的方法

    js實現(xiàn)點擊按鈕后給Div圖層設置隨機背景顏色的方法

    這篇文章主要介紹了js實現(xiàn)點擊按鈕后給Div圖層設置隨機背景顏色的方法,實例分析了javascript操作頁面div元素屬性及隨機數(shù)的相關技巧,需要的朋友可以參考下
    2015-05-05
  • Ajax異步文件上傳與NodeJS express服務端處理

    Ajax異步文件上傳與NodeJS express服務端處理

    本文主要介紹了Ajax異步文件上傳與NodeJS express服務端處理的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-04-04

最新評論