javaScript --- 解决（webview/微信浏览器/页面刷新/页面后退/URL重置页面刷新）AJAX页数重置问题

最新推荐文章于 2023-01-29 22:39:53 发布

豆i浆

最新推荐文章于 2023-01-29 22:39:53 发布

阅读量1.6k

点赞数 1

分类专栏： javascript jQuery html5 ajax

本文链接：https://blog.csdn.net/sinat_19327991/article/details/81383576

版权

本文介绍如何使用JavaScript处理在Webview、微信浏览器中遇到的页面刷新、后退时AJAX页数重置问题。通过localStorage存储页数数据，实现页面状态的持久化。

摘要由CSDN通过智能技术生成

效果如下：

这里写图片描述

页数的数据可以根据localStorage.test的值作为页数值进行获取

代码如下：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

豆i浆

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序 webview 页面刷新

FE-阿阳的博客

01-15

1万+

微信小程序 webview 页面刷新问题描述在微信小程序原生页面做了操作，数据发生改变，回到 webview 页面时需要更新 webview 里面的数据。由于小程序没有提供与 webview 的实时通信能力，因此刷新页面是个可考虑的做法。解决方案首先，解决回到 webview 刷新的问题，webview 自带缓存，直接物理键返回，或者 back api 返回，都不会更新实时数据，这个问题可...

ios微信浏览器返回不刷新问题完美解决方法

08-29

主要介绍了ios微信浏览器返回不刷新问题完美解决方法,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

微信浏览器后退刷新的解决方案

qq_37719190的博客

03-26

1994

1.场景：安卓手机，微信浏览器，跳转到其他页面，回退后自动刷新，导致数据或者状态消失，解决方法：将数据缓存到sessionStorage中，回退之后，将数据取出，在页面上还原原来的状态。知识点：session用法：setItem(),getItem(),removeItem()。 var storage = window.sessionStorage; storage.setItem(read...

微信浏览器返回并强制刷新页面

hbqjzx的专栏

01-29

820

实现微信浏览器返回并强制刷新效果

解决微信浏览器Javascript无法使用[removed].reload()刷新页面

01-19

场景是这样子的，页面在初始化时有一个ajax请求，在页面上有一个按钮，点击的时候执行[removed].reload()，正常情况reload()后页面依然会向后台发出请求，但在安卓的微信浏览器中reoad后请求的一直是第一次打开页面时请求的数据。可以理解为请求被缓存了，但没有实测，也不知道是否是缓存。解决方法是，使用[removed].href=”[removed].href+随机数” 代替 [removed].reload()。切记，一定要加随机数，否则一样不会起作用。当然也可以用一个a标签，然后设置href=”window.locatio

iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

08-30

下面小编就为大家带来一篇iOS微信浏览器回退不刷新实例(监听浏览器回退事件)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析

10-16

【微信小程序Webview组件交互与内联H5页面实现微信支付解析】微信小程序引入Webview组件后，开发者能够将已有的H5页面嵌入到小程序中，实现资源复用，如微信商城、文章详情页、商品详情页等。然而，由于微信安全...

微信调试各种WebView样式调试手机浏览器的页面真机调试

08-11

关于spy-debugger 1、一站式页面调试工具，远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybirdApp等）HTTP/HTTPS。 2、spy-debugger内部集成了weinre。 3、支持HTTPS页面的调试。

安卓微信浏览器中--唤起键盘页面高度减小问题

Riona_cheng的博客

08-29

1391

解决键盘唤起使页面高度减小（安卓兼容问题）

android webview 刷新当前页面,Android WebView时重新加载导致页面刷新的问题

weixin_36227085的博客

05-26

5117

最近碰到一个需求，用WebView加载页面，选择了筛选条件之后，跳转到新的webVIew页面之后再返回，原来的筛选条件由于页面刷新导致已经清空，怎样才能解决返回的时候不去重新加载页面呢，网上很多答案是设置webView页面缓存，但是对部分h5页面还是没有效果。也有的博客说可以每次跳转到新的url的时候，可以addView 一个webView,返回的时候就回到上一个webView，这种方法是可行的，...

electron webview 点击网页链接，将内容重新显示到webview

热门推荐

帅呆了我的高

05-11

1万+

首先将webview设置可以打开新窗口 allowpopups属性 <webview id="foo" src="https://www.baidu.com" allowpopups></webview> 添加新窗口监听事件，解析出url，将webview的src设置位url const webview = document.getElementById('f...

js刷新页面方法大全

zy408710468的专栏

05-07

2061

1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因

在微信浏览器中 location.reload() 不刷新解决方案(直接调用方法)

小结巴巴的博客

09-26

4773

1、问题　　在微信浏览器中，需要时刷新当前页面。　　正常情况下我们直接使用 location.reload 方法来刷新。 2、解决方法 function realod(){ var {search,href} = window.location; href = href.replace(/&?t_reload=(\d+)/g,'') win...

JS监听微信浏览器返回事件

jiangxinyu50的博客

04-24

5646

监听popstate事件，这个对应着微信浏览器左上方后退按钮。（用得最多） // 添加退后事件 window.addEventListener('popstate', () => { ...... // do something ......for example // location.href = window.location.href; ...

微信web端返回自动刷新

Angular_的博客

03-31

3137

在ajax或者dwr提交的url后面加时间戳。例如 http_request.onreadystatechange = funcName（函数名）; http_request.open(“GET”, url, true); 比如url是test .jsp 那么我们在它后面加上?time=new Date(); 即url=test.jsp?time=new Date(); 2 ：在u

external/chromium-webview/prebuilt/arm64/webview.apk