1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > form表单只提交数据而不进行页面跳转的解决方案【jquery】

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

时间:2020-10-24 10:33:39

相关推荐

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

web前端|js教程

form表单,提交数据,页面跳转

web前端-js教程

一般的form提交操作写法为

app反编译源码,ubuntu无法链接外网,tomcat 安装版本停止,淘宝爬虫优惠,php如何打开div,seo技术推荐乐云seolzw

……

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

倩女幽魂手游源码,ubuntu 中卸载程序,停止tomcat找不到文件,golang爬虫重试,爆料PHP源码,什么是seo技巧留痕秒收录lzw

如何做到

将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢??

这种需要在load一个页面的时候尤其迫切。

教育网站源码带后台php,ubuntu常用升级命令,tomcat三个端口说明,国际站运营爬虫,战神引擎架设教程php环境包,seo辛苦吗lzw

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

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

saveReport对应函数为

function saveReport() {

// jquery 表单提交

$("#showDataForm").ajaxSubmit(function(message) {

// 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容

});

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

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。