使用jQuery Mobile进行页面跳转后浏览器url不改变的问题解决

最新推荐文章于 2025-07-29 16:31:30 发布
转载 最新推荐文章于 2025-07-29 16:31:30 发布 · 1.1k 阅读 · 0

本文解决了一个在使用JQueryMobile开发时遇到的问题：表单提交后页面虽跳转但URL未更新。原因是JQueryMobile默认采用异步加载方式以提高用户体验和节省流量。文中提供了解决方案，通过设置data-ajax属性为false取消异步提交。

最近在使用JQueryMobile开发一个手机端浏览的小程序，开发完成登录页面，调试的时候发现，表单提交完成，页面进行了跳转但是浏览器的地址没有发生变化还是原来的地址。

后来在网上找答案，发现一个帖子说JQueryMobile为了浏览流畅，节约流量，所有的跳转都是异步的。

可以通过data-ajax=“false” 来取消异步提交。

 

https://blog.youkuaiyun.com/LOTOOHE/article/details/75103806

https://blog.youkuaiyun.com/q616804668/article/details/43482997

 

多种方法实现 Nginx 隐藏式跳转（隐式URL，即浏览器 URL 跳转后保持不变）
代码讲故事
08-19 3429
多种方法实现 Nginx 隐藏式跳转（隐式URL，即浏览器 URL 跳转后保持不变）。
JQuery Mobile默认Ajax异步提交导致URL不跳转问题
iwts
12-24 520
最近隔壁实验室把后台交给我们来写了，要求前端用jquery mobile，因为只想在手机上跑。期末了无暇顾及，瞎写的时候就出现了这个大坑= =。例如注册之类的有数据提交的情况，并且还跟数据库大量交互。为了安全，博主写的时候写了重定向，这样在跳转的时候不会出现重复提交表单或者重复对数据库操作的问题，然后这前端框架就炸了：跳转的时候URL没变化！ 网上搜了一波，大概是...
jquery mobile中redirect重定向问题
01-14 2994
在jquerymobile提交后如果要进行网页重定向时，一定要在form或标签中使用data-ajax="false"，否则不能实现重定向问题。 如：          data-transition="flip"          data-role="button"          data-icon="delete"          data-ajax="false"    
jquery 点击左侧列表跳转另一页面，左侧列表保持不变
迪迦·奥特曼__的博客
10-24 722
##################### // 引入jquery 文件包 <script src="../static/js/jquery.min.js"></script> // 首页的js方法 <script> var big_title = NaN // 定义全局变量，存储点击的大标题的ID var small_title = NaN // 定义全局变量，存储点击的小标题的ID // 点击左侧列表大标签下的小标题 $(".layui-nav-ch..
JavaScript 在不刷新或跳转页面的情况下改变当前浏览器地址栏上的网址
weixin_30379531的博客
04-01 369
JavaScript 在不刷新或跳转页面的情况下改变当前浏览器地址栏上的网址 var stateObject = {}; var title = "改变后的网址的标题"; var newUrl = "/my/awesome/url"; history.pushState(stateObject,title,newUrl); 转载于:https://www.cnblogs.co...
VUE不兼容手机百度浏览器，当前URL不会变问题
yanby921005的博客
07-02 2225
首页面滑到底部跳转到其他页面1.在app.vue中添加监听事件2.添加方法
jQuery移动web开发之页面跳转和加载外部页面的实现
10-23
页面跳转是移动Web应用中常见的需求之一，而jQuery Mobile提供了专门的方法来处理页面之间的跳转和加载外部页面。在jQuery Mobile中，页面跳转主要可以通过changePage()方法实现，而加载外部页面则可以通过loadPage...
jQuery点击导航栏跳转页面后当前图标改变颜色
03-26
好的，我现在需要帮助用户解决使用jQuery实现点击导航栏跳转页面后更改当前图标颜色的问题。首先，我得仔细分析用户的需求。用户希望在点击导航栏跳转页面后，当前对应的图标颜色能够改变，以指示当前所在页面。这...
jQuery mobile类库使用时加载导航历史的方法简介
10-23
最后，除了上述知识点外，要有效利用jQuery mobile进行移动开发，还需要掌握其他基础概念，比如页面结构、视图（view）的创建与切换、导航栏的处理、表单的处理以及交互效果的增强等等。这些都是构建一个用户体验...
8、使用 PhoneGap 和 jQuery Mobile 构建本地搜索应用
最新发布
sql99的博客
07-29 62
本文详细介绍了如何使用 PhoneGap 和 jQuery Mobile 构建一个功能丰富的本地搜索应用。内容涵盖环境搭建、页面布局设计、Google Maps Places API 的集成、搜索功能的实现、收藏功能的开发，以及性能优化和错误处理策略。通过该应用，用户可以基于地理位置搜索商家，查看详细信息，并将其添加到收藏夹。文章还探讨了跨平台兼容性问题，并提供了未来功能扩展的建议。
Jquery Mobile 页面跳转问题
凯尔斯基的专栏
11-26 593
在用Jquery Mobile时，出现跳转后的页面的JS代码不能执行的问题，调试后发现该页面的根本就没有js代码（当然就不能执行啊，简直太坑了）。查询资料可知jquery mobile默认使用的是ajax跳转，不会加载跳转到页面的js和css。解决办法： 禁止默认的ajax跳转，即在a链接中加入属性data-ajax="false"...
转载 - JavaScript 和 jQuery 中实现页面跳转和刷新方法总结
t794045950的博客
02-03 729
本文为转载内容。若涉及侵权，请联系删除，不便之处请谅解。 一、JavaScript方法 文章来源：JS中实现页面跳转和刷新方法总结 1、window.location(.href)=“URL” 其实 .href 可以省略，即 window.location 和 window.location.href 实现的效果是一样的 例如： window.location = "http://www.baid...
Jquery Mobile实现页面切换
weixin_34160277的博客
04-19 654
2019独角兽企业重金招聘Python工程师标准>>> ...
JQuery Mobile入门——多页面的切换
liang408015204的专栏
01-07 5687
1、在JQuery Mobile中，多个页面的切换是通过元素、并将属性设置为#+对应的id号的方式进行的。 2、多页面切换示例代码：     New Document                      JQuery Mobile   这是首页   详细页 3I工作室版权所有              JQuery Mobile
jQuery Mobile中的页面跳转和参数传递
hanhf的专栏
10-15 5062
jQuery Mobile中的页面跳转和参数传递
页面发生跳转但是url 不发生变化
热门推荐
palmer_kai的博客
10-31 1万+
iframe test页面发生了跳转和变化，但是url并未发生变化公司的后台管理系统，页面发生了跳转，刷新按钮也有变化，但是url地址却未曾发生变化，为什么呢？实现方式： 使用 iframe , 比如： 在 default.html 中 iframe src 到 index.html 文件，在index.html 随便发生跳转， url 地址还是会保持： 协议名 + ip[端口号] + pathna
JS实现页面跳转 浏览器地址栏保持不变
weixin_33832340的博客
04-07 2763
JS实现页面跳转 浏览器地址栏保持不变 在公司内部框架中，发现点击超链接，页面发生跳转，而浏览器地址栏URL始终保持不变。分析其实现机制，响应A标签onclick事件，通过Ajax向服务器端发送http请求，然后將服务器返回数据写到当前document对象。 实现代码如下： //IE浏览器创建XmlHttpRequest对象 var xmlhttp...
JS 页面发生跳转但是url 不发生变化
梦和远方的博客
01-17 1万+
有时候总想不改变url进行页面的跳转，而且有时候还要携带一些参数，或者参数还要安全或者过大，使用get或者post请求. iframe实现： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport&quo
页面跳转后，是浏览器地址栏不变
tt336798的博客
07-23 3492
页面跳转后，是浏览器地址栏不变 iframe跳转 、 js页面跳转 ---- 跳转地址栏不变 /*《js 代码》 url地址栏保持地址不被暴露 */ function createXMLHttpRequest(){ if(window.XMLHttpRequest){ XMLHttpR = new XMLHttpRequest(); }else if(...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值