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

最新推荐文章于 2024-06-15 23:38:46 发布
原创 最新推荐文章于 2024-06-15 23:38:46 发布 · 1.3w 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#form无跳转提交

本文介绍了两种实现网页无缝跳转的方法：一是通过AJAX技术，二是利用隐藏的iframe元素进行跳转，这两种方法都能使页面跳转过程对用户不可见。

方法一：

借助ajax





方法二：

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

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


form表单提交不跳转的方式
10-08
form提交后不跳转，增强用户体验。 工程采用jquery写前端，struts2做一个跳转返回数据。
prototype -通过js提交表单，局部刷新不跳转
03-28
NULL 博文链接：https://xiaobing259-163-com.iteye.com/blog/1261537
Form提交表单页面刷新不跳转
12-13
1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Form提交表单页面不跳转</title> </head> <b
form表单点击提交按钮不跳转
weixin_73199578的博客
06-15 1159
哈哈哈这个问题我找了好久的原因，一度怀疑是自己的环境的问题，真的被自己蠢到了，不过自己也是刚开始接触前端，哈哈哈就笑笑吧。这里的sumbit才会把post的表单提交上去，一定要注意。
form提交不跳转
AnnGreen的博客
01-15 7839
form 表单提交数据，往往会刷新页面，数据提交后会跳转到其他页面 如果不需要刷新页面时，可以通过ifame实现无刷新。 在form表单下定义一个ifame 将 form 的 target 属性指向 iframe 的 name 属性，这样就实现了不刷新页面的form提交。 <form action="./radioformserver.php" target="frameName"> <input type="radio" name="sel" id="" value="a"&gt
html form表单提交action和url跳转到actiond的区别介绍
09-28
总结起来，`<form>`表单的`action`属性主要用于向服务器提交数据，可以使用`POST`或`GET`方法，而URL跳转主要用于页面间的导航，通过URL参数传递少量数据。两者在数据安全性、数据量以及数据可见性方面都有所不同，...
WordPress实现评论提交后跳转的方法
09-29
这两种方法都可以有效实现评论提交后的跳转功能，根据个人喜好和网站需求，你可以选择适合自己的方式。无论哪种方法，都要记得将示例中的URL替换为实际的“感谢”页面地址，以确保功能正常工作。通过这些技巧，你...
html-form表单提交action和url跳转到actiond的区别介绍.doc
最新发布
12-08
总结起来，form表单的action属性和URL跳转的主要区别在于，action属性用于提交表单数据到服务器端程序或脚本，可以传输大量数据且适合中文等复杂字符，支持POST和GET两种传输方式；而URL跳转主要用于导航到新的网页...
网页中回车后form自动提交跳到其他页面的解决方法
09-28
在这里，`search_wj()`函数在两种情况下会被调用：一是用户点击查询按钮时（通过`onclick`事件），二是用户按下回车键尝试提交表单时（通过`onsubmit`事件）。由于`onsubmit`事件返回`false`，即使用户按下回车，...
form表单提交不跳转
weixin_42185136的博客
03-04 4133
第一种：将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 803
一般的form提交操作写法为 复制代码 代码如下: …… 点击submit按钮或直接回车可以将数据提交到saveReport页面，但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？？ 这种需要在load一个页面的时候尤其迫切。
form表单只提交数据而不进行页面跳转的原因
Coder-coco的博客
08-24 830
2，原因：em，检查完各自路径发现都没有问题，仔细一开form的属性action（发现是action这个单词写错了哈哈哈）然后书写了一个Servelt程序，用来处理表单的提交，结果发现：form表单只提交数据而不进行页面跳转？1，背景：构建了javaWeb项目，然后书写了一个注册的html文件【主要是一个表单】，
表单提交数据页面不跳转
qq_39504802的博客
04-09 1807
先看需求： 点击——立即购买 按钮 会弹出一个二级菜单，需要用户继续选择 这个二级菜单有——继续购物，结账 —— 两个按钮， 那么我需要在点击图1的——立即购买——之后向后端提交购物数据，并且弹出二级菜单 这就要求点击按钮时，向后端提交数据，同时不跳转页面， 需求解释完毕，上代码 需要用到的包有 jquery.form.min.js 这是jquery的一个插件，不要下错了 <script type="text/javascript"> ...
form 表单提交数据 不跳转解决办法
weixin_34221773的博客
09-05 885
1、 利用隐藏的 iframe —— 只需form的 target 指向iframe的name；可不用form 的action默认提交，自己写ajax 提交数据。 <html> <body> <form action="" method="post" target="hideIframe"> ...
form表单只提交数据而不进行页面跳转的解决方案
weixin_33859665的博客
08-23 1153
转载 　　将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？利用jquery的ajaxSubmit函数以及form的onsubmit函数完成 　　一般的form提交操作写法为： &lt;form action="saveReport.htm" method="post"&gt; 　　…… 　　&lt;input type="sub...
form表单提交数据不让跳转办法
兔子很忙
07-01 8999
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 1671
【代码】form表单submit提交后不跳转页面，且能捕获返回信息。
Form表单提交页面不跳转
chongla2925的博客
05-24 300
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="...
ASP.NET网页跳转技巧解析：七种方法总结
这两种方法是MVC框架中用于生成HTML链接的方法，它们可以在生成HTML时嵌入跳转逻辑，如： ```html @Html.ActionLink("Link Text", "Action", "Controller") @Html.RouteLink("Link Text", new { controller = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值