让form只提交不跳转的两种方法总结

最新推荐文章于 2024-06-15 23:38:46 发布
最新推荐文章于 2024-06-15 23:38:46 发布
阅读量1.3w 收藏 8
点赞数 2
分类专栏： j2ee 文章标签： form无跳转提交
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vincent_Field/article/details/52884083
版权

方法一：

借助ajax





方法二：

在页面中放置一个面积为0的iframe，使其跳转在iframe中完成，即实际跳转了，只是不可见

在上图中form标签的target的值改为myframe，再在页面中添加一个name值为myframe的iframe，这样不用借用ajax，无需用js绑定表单提交事件


Vince352
关注
专栏目录
form表单提交不跳转的方式
10-08
form提交后不跳转，增强用户体验。 工程采用jquery写前端，struts2做一个跳转返回数据。
html form表单提交action和url跳转到actiond的区别介绍
09-28
总结起来，`<form>`表单的`action`属性主要用于向服务器提交数据，可以使用`POST`或`GET`方法，而URL跳转主要用于页面间的导航，通过URL参数传递少量数据。两者在数据安全性、数据量以及数据可见性方面都有所不同，...
form提交不跳转
AnnGreen的博客
01-15 7638
form 表单提交数据，往往会刷新页面，数据提交后会跳转到其他页面 如果不需要刷新页面时，可以通过ifame实现无刷新。 在form表单下定义一个ifame 将 form 的 target 属性指向 iframe 的 name 属性，这样就实现了不刷新页面的form提交。 <form action="./radioformserver.php" target="frameName"> <input type="radio" name="sel" id="" value="a"&gt
form表单提交不跳转
weixin_42185136的博客
03-04 4044
第一种：将form的target值设置为iframe的name值 <form action="/admin/agency_image" target="myIframe" method="post" enctype = "multipart/form-data" style="position:fixed;top:45px;"> <input id="upload-f...
提交form表单，不跳转页面
qdtarena的专栏
07-12 730
一般的form提交操作写法为 复制代码 代码如下: …… 点击submit按钮或直接回车可以将数据提交到saveReport页面，但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？？ 这种需要在load一个页面的时候尤其迫切。
表单提交数据页面不跳转
qq_39504802的博客
04-09 1662
先看需求： 点击——立即购买 按钮 会弹出一个二级菜单，需要用户继续选择 这个二级菜单有——继续购物，结账 —— 两个按钮， 那么我需要在点击图1的——立即购买——之后向后端提交购物数据，并且弹出二级菜单 这就要求点击按钮时，向后端提交数据，同时不跳转页面， 需求解释完毕，上代码 需要用到的包有 jquery.form.min.js 这是jquery的一个插件，不要下错了 <script type="text/javascript"> ...
Form提交表单页面刷新不跳转
09-28
关于使用Form提交表单后页面刷新不跳转的实现方法，首先需要了解的是表单提交与页面跳转的基本原理。在HTML中，Form标签用来定义表单，其属性包括action指定提交到的地址，method指定提交的方法（通常有get和post两...
WordPress实现评论提交后跳转的方法
09-29
这两种方法都可以有效实现评论提交后的跳转功能，根据个人喜好和网站需求，你可以选择适合自己的方式。无论哪种方法，都要记得将示例中的URL替换为实际的“感谢”页面地址，以确保功能正常工作。通过这些技巧，你...
网页中回车后form自动提交跳到其他页面的解决方法
09-28
在这里，`search_wj()`函数在两种情况下会被调用：一是用户点击查询按钮时（通过`onclick`事件），二是用户按下回车键尝试提交表单时（通过`onsubmit`事件）。由于`onsubmit`事件返回`false`，即使用户按下回车，...
用JS动态改变表单form里的action值属性的两种方法
10-22
通过这两种方法，我们可以看到如何利用JavaScript来根据用户在客户端的交互（如选择下拉菜单或单选按钮）来动态地改变表单提交的目的地URL。这些技术在创建动态网站和Web应用时非常有用，尤其当需要根据用户的操作...
prototype -通过js提交表单，局部刷新不跳转
03-28
NULL 博文链接：https://xiaobing259-163-com.iteye.com/blog/1261537
form 表单提交数据 不跳转解决办法
weixin_34221773的博客
09-05 838
1、 利用隐藏的 iframe —— 只需form的 target 指向iframe的name；可不用form 的action默认提交，自己写ajax 提交数据。 <html> <body> <form action="" method="post" target="hideIframe"> ...
form表单点击提交按钮不跳转
最新发布
weixin_73199578的博客
06-15 577
哈哈哈这个问题我找了好久的原因，一度怀疑是自己的环境的问题，真的被自己蠢到了，不过自己也是刚开始接触前端，哈哈哈就笑笑吧。这里的sumbit才会把post的表单提交上去，一定要注意。
form表单只提交数据而不进行页面跳转的解决方案
weixin_33859665的博客
08-23 1119
转载 　　将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？利用jquery的ajaxSubmit函数以及form的onsubmit函数完成 　　一般的form提交操作写法为： &lt;form action="saveReport.htm" method="post"&gt; 　　…… 　　&lt;input type="sub...
form表单提交数据不让跳转办法
兔子很忙
07-01 7809
form表单提交数据不让跳转办法 应用场景： 1、弹出层 2、需要连续提交多条记录的情况 3、页面多个存在提交事件，需要局部提交情况 方法一：加个return false，阻止表单跳转 <form action="/api/xxx/action" method="post" onsubmit = "return false"> 方法二： 把type="submit"属性换成type=“button” <input type="button" name="submit" value="
form表单submit提交后不跳转页面，且能捕获返回信息
mm_hello11的博客
06-28 1486
【代码】form表单submit提交后不跳转页面，且能捕获返回信息。
form表单只提交数据而不进行页面跳转的原因
Coder-coco的博客
08-24 666
2，原因：em，检查完各自路径发现都没有问题，仔细一开form的属性action（发现是action这个单词写错了哈哈哈）然后书写了一个Servelt程序，用来处理表单的提交，结果发现：form表单只提交数据而不进行页面跳转？1，背景：构建了javaWeb项目，然后书写了一个注册的html文件【主要是一个表单】，
Form表单提交页面不跳转
chongla2925的博客
05-24 245
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值