用javascript控制form表单只提交请求,而不跳转
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用javascript控制form表单只提交请求,而不跳转相关的知识,希望对你有一定的参考价值。
在javascript里面有什么方法可以让表单form只提交请求,而不用跳转页面。网上都是jquery的ajaxSubmit();可是我不想用jquery
<form onsubmit="return fangfa();"> 点击<input type="submit">的时候,就会去执行fangfa这个方法,如果为false就不会提交。fangfa里面获取值,但是要想提交,还是得用ajax 参考技术A jquery只是ajax的一种实现方法,它的本质是使用XMLHttpRequest 对象来实现页面的局部刷新。
你直接使用XMLHttpRequest 对象就可以了。去w3school上面有示例代码。 参考技术B jquery 使用的 ajax 也是使用 javascript 里面的 ajax 封装的,你如果不想用 jquery 的可以自己写一份纯 javascript 的 ajax 提交
用jquery控制表单提交
可以监听表单submit
提交事件
给form
一个id
吧button
的type
为submit
$(form的id).submit(function() if(window.confirm(‘你确定要取消交易吗?‘)) //点击确定的操作 else //点击取消的操作 //return false 阻止表单提交 return false; )
以上是关于用javascript控制form表单只提交请求,而不跳转的主要内容,如果未能解决你的问题,请参考以下文章
Javascript控制回车键进行表单(form)提交(转)