from表单使用ajax异步提交
2017-02-10 11:52
295 查看
//js代码
function saveReport() {
var getName=$("#getName").val();
$.ajax({
type: "POST",
url: ,
data : {name:getName},
success: function(msg) {
alert("提交成功");
}
});
return false;
}
//jsp代码
<form i onsubmit="return saveReport();" >
<input type="text" class="input w50" id="getName" value="" name="name" />
<button class="button bg-main icon-check-square-o" type="submit" >提交</button>
</form>
function saveReport() {
var getName=$("#getName").val();
$.ajax({
type: "POST",
url: ,
data : {name:getName},
success: function(msg) {
alert("提交成功");
}
});
return false;
}
//jsp代码
<form i onsubmit="return saveReport();" >
<input type="text" class="input w50" id="getName" value="" name="name" />
<button class="button bg-main icon-check-square-o" type="submit" >提交</button>
</form>
相关文章推荐
- 使用Jquery的Ajax异步提交有二进制数据的表单实现方案
- 使用AJAX异步提交图片表单
- 基于springmvc的利用ajax进行表单异步提交(使用FormData方法)
- 使用AJAX异步提交表单的几种方式
- 使用AJAX异步提交表单的几种方式
- 使用ajax异步提交表单
- asp.net mvc4 使用java异步提交form表单时出现[object object] has no method ajaxSubmit
- asp.net MVC 使用Ajax.BeginForm 无刷新提交from表单
- 使用Ajax选取ListBox的值异步更新视图,并作为表单值提交
- 使用AJAX异步提交表单的几种方式
- 表单提交前onclick使用reuturn时,ajax请求同步异步的一点注意事项
- 使用ajax异步提交表单的几种方法总结
- 使用AJAX异步提交表单的几种方式
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- 查询条件表单使用ajax异步提交
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- 是否需要异步AJAX提交表单的个人建议
- 一段用于编辑页面表单并使用ajax提交与无刷新获取的js段落
- jQuery Form Plugin (一) :使用AJAX提交Form表单