layuiカプセル化されたAjaxのテーブル

プロジェクトは、より追加するグローバルなニーズの半分以上多くのことを書いたように、それはこの小さな道をカプセル化し修正します。

commonRequest.js

layui.define（[ 'jqueryの'、 'テーブル']、機能（輸出）{ 
    VAR $ = layui.jquery、テーブル= layui.table; 
    VAR OBJ = { 
        アヤックス：機能（OBJ）{ 
            ！IF（obj.headers） { 
                obj.headers = { 
　　　　　　　　　　　　//兼容IE9 
                    'キャッシュ制御'： 'キャッシュなし'、
                    'プラグマ'： 'ノーキャッシュ'、
                    '許可'：window.sessionStorage.getItem（ "トークン"）
                }; 
            } 
           もしobj.type = "GET"（obj.type！）; 
           （！obj.dataType）であればobj.dataType = "jsonの";
            //偽として構成した場合、彼らは、ブラウザのキャッシュからデータを取得していない、あなたはデバッグ時に髪が要求を取得する場合、それは自動的にタイムスタンプ付きの意志を確認できた 
            obj.cache = falseの場合（！obj.cache） 。
            （！obj.async）obj.async = trueの場合、
            obj.crossDomain =真===（document.allの）; //！这句是关键

            場合（！obj.error）{ 
                obj.error =機能（ERR）{ 
                    layer.msg（ "网络连接失败！"）; 
                    console.log（ERR）。
                } 
            } 
            にconsole.log（OBJ）。
            $アヤックス（OBJ）。
        }、
        レンダリング：関数（OBJ）{ 
            obj.headers = { 
                'キャッシュ制御'： 'キャッシュなし'、
                'プラグマ'： 'ノーキャッシュ'、
                '許可'：window.sessionStorage.getItem（ "トークン"）
            }。
            table.render（OBJ）。 
    //出力インターフェース
    輸出（ 'commonRequest'、OBJ） ; //モジュール名を使用し
}）。

　設定configRequest.js

layui.config（{
     基本：' ../../../../common/ '       // カスタムコンポーネントlayuiのディレクトリは 
}）（{拡張// セット成分別名 
    ：共通    ' commonRequestを' 、
} ）;

導入

<SCRIPT SRC =「../../../../共通/ commonTbRqs.js」>他のモジュールがある場合は、</ SCRIPT> //は以下のページを使用するように設定され、この方法は、与えられています

使用

layui.use（[ 'テーブル'、 'commonRequest']、関数（）{ 
 VAR =表layui.table、commonRequest = layui.commonRequest; 
//テーブルレンダリング
    commonRequest.render（{ 
            ELEM：tableConfig.elemは、//元を指定しますテーブル要素セレクタ（推奨IDセレクタ）
            高さ：tableConfig.height、//コンテナの高さ
            COLS：tableConfig.cols、//設定ヘッダ
            URL：？tableConfig.params tableConfig.getUrl（）：URL、
            ページ：tableConfig.page ！= :?真、falseにする偽の
            WHERE：、requestParam 
            ヘッダ：{ '認証'：window.sessionStorage.getItem（ "トークン"）} 
        }）
// Ajaxリクエスト
   commonRequest.ajax（{ 
        タイプ： "POST"、
        URL：URL 、
        日付：日付、
        データ型： "JSON"、
        成功：関数（データ）{ 
       
        } 
      }）。

}）

layuiカプセル化されたAjaxのテーブル

おすすめ