最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

form表单只提交数据而不进行页面跳转的解决方案_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:13:47
文档

form表单只提交数据而不进行页面跳转的解决方案_jquery

form表单只提交数据而不进行页面跳转的解决方案_jquery:一般的form提交操作写法为 代码如下: 点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢。 这种需
推荐度:
导读form表单只提交数据而不进行页面跳转的解决方案_jquery:一般的form提交操作写法为 代码如下: 点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢。 这种需


一般的form提交操作写法为
代码如下:


点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面

如何做到
将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢??
这种需要在load一个页面的时候尤其迫切。

利用jquery的ajaxSubmit函数以及form的onsubmit函数完成,如下:
代码如下:



form增加一个id用于在jquery中调用,增加一个onsubmit函数用于submit前自己提交表单

saveReport对应函数为
代码如下:
function saveReport() {
// jquery 表单提交
$("#showDataForm").ajaxSubmit(function(message) {
// 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容
});

return false; // 必须返回false,否则表单会自己再做一次提交操作,并且页面跳转
}

文档

form表单只提交数据而不进行页面跳转的解决方案_jquery

form表单只提交数据而不进行页面跳转的解决方案_jquery:一般的form提交操作写法为 代码如下: 点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢。 这种需
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top