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>
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",...} }
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("异常!");
}
ok,后台controller直接通过request取值即可。