jqueryの前の実装と書き込みには、以下の実施過程で、LACと少し似てリフレッシュプルダウンや機能をアップロードweui！
背景には、データ形式が返されました：
コードページレイアウト：
<ヘッダID = "ヘッダ"クラス= "MUIバーMUIバー-NAV">
<H1 CLASS = "MUIタイトル">订单列表</ H1>
<クラス= "MUIアイコンMUIプル右iconfontアイコンtuichu」タイトル= "退出"スタイル= "色：#FFF;" ID = "Sign_out"> </a>の
</ヘッダ>
<！ -下拉刷新容器- >
<DIV ID = "pullrefresh"クラス= "MUI-コンテンツMUI-スクロールラッパーPD-BTM-50">
< divクラス= "MUI-スクロール">
<！ -数据列表- >
<ulのID = "showdata"クラス= "MUI-テーブルビューMUI-テーブルビューシェブロン"> </ UL>
</ div>
</ div>
コードのJS一部：
<SCRIPT>
mui.init（{
pullRefresh：{
コンテナ： '#pullrefresh'、
ダウン：{
コールバック：pulldownRefresh
}、
アップ：{
contentrefresh： '読み込み中...'、
コールバック：pullupRefresh
}
}
}）;
/ **
*データをロードする
* /
VAR =ページ1;
VAR =限界8;
ISOVERが偽である場合VAR =; //端状態識別データがロードされる
関数のgetData（）{
VARのHTML = "";
mui.ajax（ '/注文/ listquery'、 {
データ：{
'ページ'：ページ、
'限界'：限界、
ため（VAR I = 0; iはdata.length <; iは++）{
HTML + = '<LIクラス= "MUIカードMG-BTM-20のMUIカードオーダー">';
HTML + = '<ULクラス= "MUIテーブルビュー">';
'OrderStateの'：83
}、
データ型： 'JSON'、
タイプ： '後'、
非同期：偽、
クロスドメイン：偽、
成功：関数（jsondata）{
にconsole.log（jsondata）。
IF（jsondata.codeの== 200）{
VARデータ= jsondata.data.list。
HTML + = '<LIクラス= "MUIテーブルビューセル"スタイル= "色：＃06abf6;">订单编号：' + DATA [i]が.orderNumber
HTML + =「<ボタンタイプ= "ボタン"クラス= "MUI-BTN MUI-BTN-成功"スタイル= "右：0PX;トップ：12ピクセル;"> '+データ[i]の.orderTypeName +' </ button>の ';
HTML + = '</ LI>';
HTML + = '<LIクラス= "MUIテーブルビューセル">';
HTML + = '<スパンクラス= "MUI-アイコンiconfontアイコン-hezi401"> </ span>の货物名称：' +データ[i]の.GoodsName +「<ラベルスタイル= "フロート：右;色：＃1 f42d07;" >状态：」+ DATA [i]が.OrderStateName + '</ label>は'。
HTML + = '</ LI>';
HTML + = '<LIクラス= "MUIテーブルビューセル">';
HTML + = '<スパンクラス= "MUI-アイコンMUI-アイコン-paperplane"スタイル= "フォントサイズ：20ピクセル;"> </ span>を起运地：' +データ[i]の.OriginatingCity
HTML + =「<スパンクラス= "MUI-アイコンMUI-アイコン-arrowthinright"> </ span>の';
HTML + = '<スパンクラス= "MUI-アイコンMUIアイコンフラグ"> </ span>を目的地：' + DATA [i]が.GoalCity
HTML + = '</ LI>';
HTML + = '<LIクラス= "MUIテーブルビューセル">';
HTML + =「<スパンクラス=」
HTML + = '<LIクラス= "MUIテーブルビューセル">';
HTML + =「<スパンクラス=」
HTML + = '<LIクラス= "MUI-テーブルビューセル"スタイル= "高さ：40ピクセル;">';
HTML + = '<ボタンタイプ= "ボタン" ID = "detailBtn"値= "' +データ[I] .ID + '"クラス= "MUI-BTNのMUI-BTN原色">查看订单详情</ボタン> 「;
HTML + = '</ LI>';
HTML + = '</ UL>';
HTML + = '</ LI>';
}
IF（Math.floor（jsondata.data.total / jsondata.data.limit）==ページ）{
ISOVER = TRUE。
}
}
}
}）;
}
/ **
*サービス実装のプルダウンリフレッシュ
* /
関数pulldownRefresh（）{
たsetTimeout（関数（）{
IF（ISOVERである場合）{
ISOVERは=偽である場合;
}
（ '＃1 pullrefresh'）MUI pullRefresh。 （）.endPulldownToRefresh（）; //プルダウンリフレッシュエンド
$（ '＃のshowdata'）HTML （ ""）;
ページ= 1;
のgetData（）;
MUI（ '#pullrefresh'）pullRefresh（）リフレッシュ （TRUE）; ... // 負荷リセット
）1500};
}
/ **
* LACコンクリートサービス実装を含む上
* /
（）関数pullupRefreshを{
たsetTimeout（関数（）{
.. MUI（ '＃のpullrefresh' ）pullRefresh（）endPullupToRefresh（ISOVER）; // ISOVER パラメータがtrueの場合、データはこれ以上示しません。
IF（ISOVER ==偽）{// ISOVERのパラメータは、次に偽でデータをロードし続ける
のgetData（）;
}
}、1500）;
}
IF（mui.os.plus）{
mui.plusReady（関数（）{
たsetTimeout（関数（）{
MUI（ '＃のpullrefresh'）pullRefresh（）pullupLoading（）。。。
}、1000）。
}）;
}他{
mui.ready（関数（）{
MUI（ '＃1 pullrefresh'）pullRefresh（）pullupLoading（）;
}）;
}
</ SCRIPT>