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取值即可。

 

posted on 2018-10-25 11:02  MrQuan  阅读(3665)  评论(0编辑  收藏  举报