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) {
//后台相应处理
....
}
<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) {
//后台相应处理
....
}
相关文章推荐
- form表单用ajax提交
- ajax提交form表单资料详细汇总
- ajax下提交form表单不能使用submit
- JS中ajax请求提交form表单
- jquery实现ajax提交form表单的方法总结
- ajax提交整个form表单
- 【jquery采坑】Ajax配合form的submit提交(微擎表单提交,ajax验证,submit提交)
- form表单,submit,ajax提交
- JS自动获取Form表单数据并转换成键值对 ajax提交Form
- jquery的ajax提交form表单方式总结
- 使用ajax提交form表单,包括ajax文件上传
- 使用ajax提交form表单,包括ajax文件上传
- 使用ajax提交form表单,包括ajax文件上传
- Struts 2提交form表单执行action后不跳转(ajax)
- ajax 提交 form 表单中的数据 用jquery
- Ajax提交Form表单的两种简单方式
- 利用ajaxSubmit()方法实现Form提交表单后回调
- ajax或者form表单提交报404
- ajax提交form表单到servlet,网页的跳转
- jQuery Form Plugin( ajax表单提交 )