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