Ajax提交from表單


一,使用Ajax提交form表單到后台傳參問題

1,首先,定義一個form:

<form class="form-horizontal" role="form" id="form_parameters">
                <div class="form-group">
                    <label  class="col-sm-2 control-label">AA:</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="AA" id="AA">
                        <font color=red>*</font>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">BB:</label>
                    <div class="col-sm-10" >
                        <input type="text" class="form-control" name="BB" id="BB">
                        <font color=red>*</font>
                    </div>
                </div>
</form>
View Code

2,提交表單,拼裝Json數據

 var result = $('#form_parameters').serializeArray();  //獲取表單內容賦值給result,表單里的值是以"name","name值"; "value","value值"的Map數組存在   
                   
 var resultJSON = {};                                 //定義json對象
  for (var i = 0;i<result.length;i++){
       resultJSON[result[i].name] = result[i].value; //通過循環,組裝json,格式為{"name值1":"value值1","name值2":"value值2",...}
     }                
View Code

3,Ajax向后台傳值:

$.ajax({
                type: "POST",                  //提交方式
                dataType: "json",              //預期服務器返回的數據類型
                url: "/static/action" ,          //目標url
                data: resultJSON, //提交的數據
                success: function (result) {
                if(result.code == 0){
                    alert(result.msg);
                    return;
                }
                if(result.available ==1){
                    alert(result.msg);
                }

             error : function() {
                    alert("異常!");
                }
View Code

ok,后台controller直接通過request取值即可。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM