您的位置:首页 > 其它

ajax提交form表单

2017-10-10 17:18 267 查看
//表单

<form id="inputForm">

...
...

</form>

//按钮

<input id="btnPreview" type="text" value="预览"/>

//ajax提交数据到后台并返回数据

 $("#btnPreview").click(function(){
$.ajax({
               cache: true,
               type: "POST",
               url:"${ctx}/udef/defWorksheet/preview",
               data:$('#inputForm').serialize(),// 你的formid
               async: false,
               error: function(request) {
                   alert("Connection 失败");
               },
               success: function(data) {
               
alert("Connection成功");
               }
           });
});

//后台处理(本例子后台用的springMvc框架)

@RequestMapping(value = "preview")

@ResponseBody

public void preview(WorksheetTypeColumn worksheetTypeColumn) {
//后台相应处理
....

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: