用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 吧buttontypesubmit

$(form的id).submit(function()
    if(window.confirm(‘你确定要取消交易吗?‘))
         //点击确定的操作 
         
      else
         //点击取消的操作
         //return false 阻止表单提交
         return false;
     
)

 

以上是关于用javascript控制form表单只提交请求,而不跳转的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript控制阻止表单提交

Javascript控制回车键进行表单(form)提交(转)

javascript 表单提交传值 紧急

token防止前端重复提交

javaScript里有没有可以跳转页面并加载form的方法,急,谢谢!

php submit 提交了两次