ajax提交表单跳转页面失效

最新推荐文章于 2021-08-06 02:00:43 发布
最新推荐文章于 2021-08-06 02:00:43 发布
阅读量1k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
分类专栏： J2ee开发 文章标签： ajax form表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_37860082/article/details/80499168
本文介绍了如何避免页面表单的重复提交问题，通过将submit按钮改为button按钮，并使用Ajax进行异步请求来解决。文章指出，如果使用同步的Ajax请求，可能会导致表单在Ajax操作完成后再次提交。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决方法: 页面的submit改成button

原因: 因为有提交了一次表单。你的ajax是同步的，所以提交表单动作被挂起直到ajax完毕后（此时执行请求过一次服务器），表单会提交，这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功(这个问题有兴趣的去研究)
ajax请求成功后跳转页面
Dxy1239310216的博客
04-03 1930
在我们日常的开发工作中，经常需要使用到ajax进行异步请求，而在请求成功后，我们可能需要进行页面跳转的操作。需要注意的是，使用history API进行跳转并不会真正加载新的页面内容，只是改变了浏览器的地址栏和历史记录。如果你需要加载新的页面内容，还需要结合其他技术（如单页面应用中的路由管理）来实现。这种方法可以在不重新加载页面的情况下改变浏览器的历史记录，从而实现无刷新跳转。当我们发送一个ajax请求后，通常需要监听请求的完成状态，并在请求成功后进行相应的处理。的值为新的页面URL，从而实现页面跳转。
使用Ajax提交form表单不进入回调函数的Bug解决
yuan__meng的博客
07-29 1298
情景再现 如题，今天博主在写项目时，需要使用Ajax提交form表单来更新数据，具体要求是： 点击修改按钮触发弹出一个包含form表单的弹出层（是不是弹出层其实没有关系） 修改信息后提交 告诉用户是否修改成功，并自动关闭弹出层 于是博主使用Ajax来提交form表单，在controller里判断是否修改成功，成功则返回1，失败则返回0，这个返回值继续传到Ajax的回调函数里的msg，使用if语...
Ajax提交success方法中添加页面跳转
热门推荐
open_yu的博客
09-11 1万+
Ajax提交页面跳转Ajax提交请求时，在success方法中添加页面跳转。 1、 window.top.location.href、window.location.href等都不行，页面不会跳转，只是刷新页面。 2、 只有使用jQuery设置form action 属性才会跳转： $(“#form1”).attr(“action”,contextPath+’/success’);栗子：$
ajax 提交后无法跳转的问题
qq_44747508的博客
07-23 690
ajax 提交后不能进到success里面，不能跳转页面，之前以为是 window.location.href="/order.php"; $(window).attr("location","/order.php") ajax要用 jq方式跳转才行 后来怎么怎调试都没办法跳转成功，然后在success里面打印什么都不会出来，发现并没有进入success里面 然后改了一下 dataType: ...
通过ajax发送post请求向controller传递参数后，页面无法跳转问题
weixin_41047704的博客
10-02 7517
我的项目之前都是用location.href来向后台传递参数，因为最近在学习ajax，所以将传值方式改成了ajax发送post请求，于是问题便接踵而来，我发现在controller中通过返回ModelAndView对象竟然不能实现页面跳转了，刚开始百思不得其解，现在总算明白这到底是怎么一回事了，也想出了一种解决方法，特此记录下来，方便以后回看 不能跳转的原因： ajax实际上是通过XMLHtt...
用户登录、jQuery、ajax中success页面跳转失败问题。
qq_43554951的博客
02-24 1089
我的是用ajax请求向后台发送登陆信息，发现后台接收到了数据，但是struts.xml里页面跳转是没有反应的。后来查资料才知道ssh里用不了。然后我就从后台返回数据到前台，利用ajax里的success来实现页面跳转。期间遇到了好几个问题。 1、后台向前台发送的数据与ajax里的datatype类型不一致，导致错误。 解决方法:如果datatype为json，后台返回的数据为string，就要进行...
Ajax提交与传统表单提交的区别说明
09-04
而表单提交则会跳转到新的页面或者刷新当前页面，用户明显感觉到页面变化。 2. 请求创建：Ajax在后台创建请求，不影响用户的交互体验；表单提交则会中断当前页面，创建新的请求。 3. JavaScript依赖性：Ajax完全...
页面跳转和数据传递
09-29
6. **POST请求**：通过表单提交或Ajax请求，将数据以请求体的形式发送到服务器，然后服务器根据需要进行跳转。POST请求的数据量大，适合传输大量数据，且数据不显示在URL中。 7. **WebSocket**：建立持久连接，双向...
Ajax登陆使用Spring Security缓存跳转到登陆前的链接
12-04
由于用户没有登录，服务器重定向到登录页面：/login 填写表单，点击登录 浏览器将用户名密码以表单形式发送给服务器 服务器验证用户名密码。成功，进入到下一步。否则要求用户重新认证（第三步） 服务器对用户...
wordpress调用ajax刷新,[WordPress][教程] 全站AJAX化无刷新载入心得
weixin_42503264的博客
08-05 594
前言最近闲暇时的娱乐就是不断完善“卢哥主题”，从最早的版本v1.0.0到最近的v1.1.1，很多设计在推倒重做中变得愈加成熟。在这个过程中，我也学到了很多，多到足以让我静下心来写篇心得。回首之前所写过的两篇有关wordpress教程，心里直犯恶心，两年前的代码竟然这么挫！这么点东西也好意思拿出来卖弄。不过回想当时的情形，恰是接触php不久，前端更是基本不会。今天所写的内容，可能在职业前端的眼里一样...
ajax 访问接口success后无法跳转问题的解决
u012954380的博客
06-23 2648
今天写一个ajax登陆的js方法  登陆成功后发现无法跳转,刚开始用的是window.location.href="index.html";  控制台报错说这一行不是一个方法然后换成location.href="index.html";  还是提示错误,一直百思不得其接,这两个方法不用ajax提交是可以用的,代码如下<script> function login(){ var p...
ajax登陆不跳转,Spring Security 使用Ajax登陆无法跳转页面解决方法
weixin_36440677的博客
08-06 910
使用Security的朋友都知道，使用Security后，不再需要我们自己过多的(还需要写少量代码)写登陆的逻辑，只需要自己在html的登陆表单上面定义好输入框name为：username和password，Security就可以收到账户和密码了。如果我们采用Ajax登陆，正常来说Ajax需要判断服务器的状态码，根据状态码进一步操作。但是由于不再需要自己过多的登陆逻辑代码，从而在关于返回状态码的事...
js中使用ajax同步无法正常跳转问题
qq_45147812的博客
04-22 284
当async设置为false，同步时window.location.href无法正常跳转，虽然打断点可以正常显示但是却找不到问题根源，解决方法是将window.location.href改为一下代码： document.forms[0].action="expressinformation.html"; document.forms[0].submit(); 修改之后即可正常跳转 ...
解决ajax请求下，后台页面跳转无效问题
weixin_43943838的博客
02-11 5353
解决ajax请求下，后台页面跳转无效问题 因为ajax请求方式，后台直接跳转是不行的 详细解析 1，后台通过response.sendRedirect来跳转，这个原理是向浏览器发送一个特殊的Header，然后由浏览器来做转向，转到指定的页面 2，但是ajax请求实际上就是通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面 换...
ajax请求为什么不能跳转页面
Trustallandtos的博客
03-08 2585
一言以蔽之！ 服务器要控制页面跳转必须客户端提交请求，服务器收到请求后，将处理后的html返回页面展示。AJAX是从服务端获取到数据后利用客户端脚本替换InnerHtml,本质上还是客户端行为。AJAX只能从服务端获取数据不能越权做其他诸如页面跳转的事。 ...
为什么ajax提交表单用不了,jquery/ajax表单提交不起作用
weixin_39566578的博客
08-05 535
我从一些教程网站获得了表单提交的jQuery代码，但是ajax没有工作，我猜。当我提交表单时，它不会发生任何事情。我尝试了一切，但没有结果。jquery/ajax表单提交不起作用这里是我的jQuery代码。$("#summary").submit(function (event) {event.preventDefault();var name = $("#name").val();var add...
Ajax提交表单，js绑定事件无效
情诗的博客
03-29 684
我需要用ajax表单提交，用js绑定一个按钮并且ID都是正确的，但是点击按钮却没效果。之前我是在按钮上用的ID选择的，之前也碰到过类似的，我以为不能用ID于是就用了onclick<button type="button" class="btn btn-primary btn-lg" id="yuyue_finish_btn">完成登记</button>然后就改成了这样的&l...
Ajax提交表单无反应
twinkle-zp的博客
06-20 463
Ajax提交表单无反应 可能是使用$符号时未引入jQuery库 可以在HTML前面引入 <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
js/ajax提交请求成功后跳转到另一个页面
菜鸟逆袭之路
11-27 9159
实际场景：在弹窗中输入数据提交后，需要跳转到另一个页面展示（不是父页面） parent.location.href = 'url'; Dialog.closeSelf(); js/ajax提交成功后采用以下方式跳转： 1、本页面跳转:"window.location.href"、"location.href" 2、上一层页面跳转:"parent.location.href" 3、最外层的...
Struts1令牌机制防止页面重复提交解决方案
3. **表单的流程设计：** 在设计表单流程时，应确保用户在表单提交后能够得到明确的反馈，如跳转到成功页面或者显示错误提示等，避免用户误认为表单未提交而重复点击提交。 ### 结论 Struts1框架通过令牌机制，...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值