ajax提交表单跳转页面失效

最新推荐文章于 2024-06-15 23:38:46 发布
最新推荐文章于 2024-06-15 23:38:46 发布
阅读量1k 收藏 2
点赞数 2
分类专栏： J2ee开发 文章标签： ajax form表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37860082/article/details/80499168
版权
解决方法: 页面的submit改成button

原因: 因为有提交了一次表单。你的ajax是同步的，所以提交表单动作被挂起直到ajax完毕后（此时执行请求过一次服务器），表单会提交，这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功(这个问题有兴趣的去研究)
码踏飞燕
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
问题记录【ajax提交表单时，页面发生跳转，直接跳到json输出数据页面】
weixin_44216706的博客
02-25 928
一、 问题如下 因为其它页面都可以正常取得返回数据，结果这里直接给我跳到json格式的输出页面了 这是之前的代码 <button id="update" class="btn btn-success">修改</button> $("#update").click(function() { $.ajax({ type: "post...
IOS(苹果系统)任意浏览器jquery-ajax跳转问题
weiyu213344的专栏
01-08 2004
问题描述：在Pc端和android端的浏览器能正常调用并且显示，而在IOS（苹果系统）中只要是操作页面就会跳转到提交的action的url地址，地址栏会变化为form表单的action地址，并且整个页面都显示后台的结果，一大堆JSON串，整个过程ajax没有控制form提交过程，完全是form表单起了作用而且执行了跳转。 问题原因： 不注意细节，在html的form标签中action属性填写对...
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 634
ajax 提交后不能进到success里面，不能跳转页面，之前以为是 window.location.href="/order.php"; $(window).attr("location","/order.php") ajax要用 jq方式跳转才行 后来怎么怎调试都没办法跳转成功，然后在success里面打印什么都不会出来，发现并没有进入success里面 然后改了一下 dataType: ...
form表单点击提交按钮不跳转
最新发布
weixin_73199578的博客
06-15 299
哈哈哈这个问题我找了好久的原因，一度怀疑是自己的环境的问题，真的被自己蠢到了，不过自己也是刚开始接触前端，哈哈哈就笑笑吧。这里的sumbit才会把post的表单提交上去，一定要注意。
通过ajax发送post请求向controller传递参数后，页面无法跳转问题
weixin_41047704的博客
10-02 7424
我的项目之前都是用location.href来向后台传递参数，因为最近在学习ajax，所以将传值方式改成了ajax发送post请求，于是问题便接踵而来，我发现在controller中通过返回ModelAndView对象竟然不能实现页面跳转了，刚开始百思不得其解，现在总算明白这到底是怎么一回事了，也想出了一种解决方法，特此记录下来，方便以后回看 不能跳转的原因： ajax实际上是通过XMLHtt...
用户登录、jQuery、ajax中success页面跳转失败问题。
qq_43554951的博客
02-24 991
我的是用ajax请求向后台发送登陆信息，发现后台接收到了数据，但是struts.xml里页面跳转是没有反应的。后来查资料才知道ssh里用不了。然后我就从后台返回数据到前台，利用ajax里的success来实现页面跳转。期间遇到了好几个问题。 1、后台向前台发送的数据与ajax里的datatype类型不一致，导致错误。 解决方法:如果datatype为json，后台返回的数据为string，就要进行...
ajax 访问接口success后无法跳转问题的解决
u012954380的博客
06-23 2582
今天写一个ajax登陆的js方法  登陆成功后发现无法跳转,刚开始用的是window.location.href="index.html";  控制台报错说这一行不是一个方法然后换成location.href="index.html";  还是提示错误,一直百思不得其接,这两个方法不用ajax提交是可以用的,代码如下&lt;script&gt; function login(){ var p...
Ajax提交与传统表单提交的区别说明
09-04
而表单提交则会跳转到新的页面或者刷新当前页面，用户明显感觉到页面变化。 2. 请求创建：Ajax在后台创建请求，不影响用户的交互体验；表单提交则会中断当前页面，创建新的请求。 3. JavaScript依赖性：Ajax完全...
页面跳转和数据传递
09-29
6. **POST请求**：通过表单提交或Ajax请求，将数据以请求体的形式发送到服务器，然后服务器根据需要进行跳转。POST请求的数据量大，适合传输大量数据，且数据不显示在URL中。 7. **WebSocket**：建立持久连接，双向...
wordpress调用ajax刷新,[WordPress][教程] 全站AJAX化无刷新载入心得
weixin_42503264的博客
08-05 507
前言最近闲暇时的娱乐就是不断完善“卢哥主题”，从最早的版本v1.0.0到最近的v1.1.1，很多设计在推倒重做中变得愈加成熟。在这个过程中，我也学到了很多，多到足以让我静下心来写篇心得。回首之前所写过的两篇有关wordpress教程，心里直犯恶心，两年前的代码竟然这么挫！这么点东西也好意思拿出来卖弄。不过回想当时的情形，恰是接触php不久，前端更是基本不会。今天所写的内容，可能在职业前端的眼里一样...
ios无法提交数据到后台解决方式
需要点灵感
08-06 1008
问题：ajax做数据存储，安卓端可以正常提交数据，ios无法提交数据给后端。 情况一： 提交数据时没有用表单，只是点击事件ajax提交数据给后端 解决方式： ios打开的网页不支持https，改为http可以解决部分问题。 情况二：提交数据使用了表单form <form id="form1" action="URL" method="GET|POST" enctype="MIME" target="...."> <p>用户名：<input name="user
ajax登陆不跳转,Spring Security 使用Ajax登陆无法跳转页面解决方法
weixin_36440677的博客
08-06 817
使用Security的朋友都知道，使用Security后，不再需要我们自己过多的(还需要写少量代码)写登陆的逻辑，只需要自己在html的登陆表单上面定义好输入框name为：username和password，Security就可以收到账户和密码了。如果我们采用Ajax登陆，正常来说Ajax需要判断服务器的状态码，根据状态码进一步操作。但是由于不再需要自己过多的登陆逻辑代码，从而在关于返回状态码的事...
js中使用ajax同步无法正常跳转问题
qq_45147812的博客
04-22 236
当async设置为false，同步时window.location.href无法正常跳转，虽然打断点可以正常显示但是却找不到问题根源，解决方法是将window.location.href改为一下代码： document.forms[0].action="expressinformation.html"; document.forms[0].submit(); 修改之后即可正常跳转 ...
解决ajax请求下，后台页面跳转无效问题
weixin_43943838的博客
02-11 5266
解决ajax请求下，后台页面跳转无效问题 因为ajax请求方式，后台直接跳转是不行的 详细解析 1，后台通过response.sendRedirect来跳转，这个原理是向浏览器发送一个特殊的Header，然后由浏览器来做转向，转到指定的页面 2，但是ajax请求实际上就是通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面 换...
ajax请求为什么不能跳转页面
Trustallandtos的博客
03-08 2532
一言以蔽之！ 服务器要控制页面跳转必须客户端提交请求，服务器收到请求后，将处理后的html返回页面展示。AJAX是从服务端获取到数据后利用客户端脚本替换InnerHtml,本质上还是客户端行为。AJAX只能从服务端获取数据不能越权做其他诸如页面跳转的事。 ...
为什么ajax提交表单用不了,jquery/ajax表单提交不起作用
weixin_39566578的博客
08-05 489
我从一些教程网站获得了表单提交的jQuery代码，但是ajax没有工作，我猜。当我提交表单时，它不会发生任何事情。我尝试了一切，但没有结果。jquery/ajax表单提交不起作用这里是我的jQuery代码。$("#summary").submit(function (event) {event.preventDefault();var name = $("#name").val();var add...
Ajax提交表单，js绑定事件无效
情诗的博客
03-29 631
我需要用ajax表单提交，用js绑定一个按钮并且ID都是正确的，但是点击按钮却没效果。之前我是在按钮上用的ID选择的，之前也碰到过类似的，我以为不能用ID于是就用了onclick&lt;button type="button" class="btn btn-primary btn-lg" id="yuyue_finish_btn"&gt;完成登记&lt;/button&gt;然后就改成了这样的&l...
Ajax提交表单无反应
twinkle-zp的博客
06-20 365
Ajax提交表单无反应 可能是使用$符号时未引入jQuery库 可以在HTML前面引入 <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
form表单提交不跳转页面并刷新
05-15
要实现form表单提交不跳转页面并刷新，可以使用Ajax技术。具体步骤如下： 1. 给form表单添加一个id属性，方便在JavaScript中使用。 2. 使用JavaScript获取form表单元素和提交按钮元素。 3. 给提交按钮元素添加一个click事件监听函数，在函数中使用Ajax发送请求。 4. 在Ajax成功的回调函数中，根据后端返回的数据进行相应的操作，比如更新页面中的数据等。 下面是一个示例代码： HTML代码： ```html <form id="my-form" action="submit.php" method="post"> <input type="text" name="name"> <input type="submit" value="提交"> </form> ``` JavaScript代码： ```javascript var form = document.getElementById('my-form'); var submitBtn = form.querySelector('input[type="submit"]'); submitBtn.addEventListener('click', function(e) { e.preventDefault(); // 阻止默认的提交行为 var xhr = new XMLHttpRequest(); xhr.open('POST', form.action, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 后端返回的数据 var data = xhr.responseText; // 对数据进行相应的操作 // ... } }; xhr.send(new FormData(form)); }); ``` 其中，FormData对象用于将form表单中的数据打包成一个键值对的对象，方便发送给后端。另外，需要注意的是，这里使用了XMLHttpRequest对象进行Ajax请求，如果需要兼容老版本的IE浏览器，需要使用ActiveXObject对象。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值