JSONのパラメータオブジェクトを構築するためのJS一括取得パラメータ

システムを作り、彼らはしばしば、クエリは固く検索条件の多くは、あなたは一つ一つは、DOMを介して取得する1つのまたは2つのページに移動し、パラメータオブジェクト要求舞台裏インターフェースを構築することができ、指定されています。

ここではあなたの一括取得を伝えるために、フロントエンドのパラメータは、パラメータオブジェクトを構築します。

< フォーム名前= "ViewDataを@ [" タイトル"] _フォームID" ID = "ViewDataを@ [" タイトル"] _フォームID" > 
    < テーブルクラス= "custom_Table" スタイル= "幅:100%;" > 
        < TR > 
            < TD クラス= "custom_td_Tip" >收票人:</ TD > 
            < TD > 
                < 入力= "TakerID" ID "のViewData @ = [" タイトル"] _ TakerID"スタイル= "幅:265px;"  /> 
            <
            = "custom_td_Tip" >用途:</ TD > 
            < TD > 
                < 入力= "目的" ID = "[ViewDataを@" タイトル"] _目的"スタイル= "幅:120ピクセル;"  /> 
            </ TD > 
            < TD クラス= "custom_td_Tip" >项目号:</ TD > 
            < TD > 
                < 入力クラス= "easyui、テキストボックス" 名前= "ProjectNumber" ID = "ViewDataを[@" タイトル」 
            TD > 
            < TD クラス= "custom_td_Tip" > NO:</ TD > 
            < TD > 
                < 入力クラス= "easyui-テキストボックス" 名前= "PeWeNO" ID = "ViewDataを@ [" タイトル"] _ PeWeNO"スタイル= "幅: 120ピクセル;」 /> 
            </ TD > 
        </ TR > 
        < TR > 
            < TD クラス= "custom_td_Tip" >申请日期</ TD > 
            <
                = "CreateTime_Str" ID = "[ViewDataを@" タイトル"] _ CreateTime_Str"タイプ= "テキスト" クラス= "easyui-datebox" データ・オプションは、= "編集可能:偽" スタイル= "幅:125px;" > 
                - 
                < 入力= "CreateTime_End" ID = "[ViewDataを@" タイトル"] _ CreateTime_End"タイプ= "テキスト" クラス= "easyui-datebox" データ・オプション= "編集可能:偽" スタイル= "幅:125px;" > 
            </ TD > 
            <TD > 
            < TD > 
                < 入力クラス= "easyui-テキストボックス" 名前= "DBSOrderID" ID "のViewData @ = [" タイトル"] _ DBSOrderID"スタイル= "幅:120ピクセル;"  /> 
            </ TD > 
 
            < TD クラス= "custom_td_Tip" >发票号:</ TD > 
            < TD > 
                < 入力クラス= "easyui、テキストボックス" 名前= "VatBill" ID = "[ViewDataを@" タイトル"] _ VatBill" スタイル=「幅:120ピクセル;」 /> 
            </ TD > 
            <TD クラス= "custom_td_Tip" >单号:</ TD > 
            < TD > 
                < 入力クラス= "easyui-テキストボックス" 名前= "DBSWorkID" ID = "ViewDataを@ [" タイトル"] _ DBSWorkID"スタイル= "幅:120ピクセル; "  /> 
            </ TD > 
        </ TR > 
        < TR > 
            < TD クラス= "custom_td_Tip" >汇票到期日</ TD > 
            < TD > 
                <= "@のViewData [" タイトル"] _ AcceptToDate_Str"タイプ= "テキスト" クラス= "easyui-datebox" データ・オプションは、= "編集可能:偽" スタイル= "幅:125px;" > 
                - 
                < 入力= "AcceptToDate_End" ID = "[ViewDataを@" タイトル"] _ AcceptToDate_End"タイプ= "テキスト" クラス= "easyui-datebox" データ・オプション= "編集可能:偽" スタイル= "幅:125px;" > 
            </ TD > 
            < TD クラス=」
            TD > 
                < 入力クラス= "easyui-テキストボックス" 名前= "CustomerNameの" ID "のViewData @ = [" タイトル"] _ CustomerNameの"スタイル= "幅:120ピクセル;"  /> 
            </ TD > 
            < TD クラス= "custom_td_Tip" >对应部门:</ TD > 
            < TD COLSPAN = "3" > 
                < 入力= "部署" ID = "ViewDataを@ [" タイトル"] _部署"スタイル= "幅:355px;"  />
            
        
    </ テーブル> 
</ フォーム>
 
VAR RequestObj = $( '#** _フォームID' ).serializeObject()
 
$ .fn.serializeObject = 関数(){
     VAR OBJ = {};
    VaRの formArray = この.serializeArray(); 
    $ .each(formArray、関数(){
         もし(OBJ [ この .nameの]!== 未定義){
             もし OBJ [!(この.nameの] .push){ 
                OBJ [ この .nameの] = [[OBJ この.nameの]]; 
            } 
            OBJ [ この .nameの] .push(この.VALUE || '' ); 
        } { 
            OBJ [ この .nameの] = この .VALUE || '' ; 
        } 
    })。
    返すOBJを。
}

 

おすすめ

転載: www.cnblogs.com/666qq/p/10935668.html