大家好，今天给各位分享ajax谷歌浏览器失效的一些知识，其中也会对ajax谷歌浏览器失效怎么回事进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

本文目录

1. 如何解决chrome 等浏览器不支持本地ajax请求的问题
2. 怎样让浏览器记住ajax请求并控制浏览器前进和后退

一、如何解决chrome 等浏览器不支持本地ajax请求的问题

2、dos下进入\Google\Chrome\Application>(chrome.exe所在目录)

3、运行命令 chrome.exe-- allow-file-access-from-files;

注意：运行完第3步之后，这个时候就会启动chrome浏览器，不要关闭它，使用chrome打开那个之前会报错的html文件，发现正常了，不会报错了，可是，我现在把chrome关闭，在使用chrome代码这个html文件还是会报错，这说明，这个方法只对本次打开的chrome有效，关闭再打开就无效了，为了方便，还是使用上面的那个修改快捷方式属性的方法吧！

二、怎样让浏览器记住ajax请求并控制浏览器前进和后退

1、这次给大家带来怎样让浏览器记住ajax请求并控制浏览器前进和后退，让浏览器记住ajax请求并控制浏览器前进和后退的注意事项有哪些，下面就是实战案例，一起来看一下。

2、在我们浏览不同网页的时候，我们可以通过浏览器的前进、后退键来去到我们前后访问过的页面。这都有一个共同点，就是浏览器地址栏的地址改变了。浏览器自身维护了一个记录用户访问页面历史的栈，栈中记录了用户访问不同页面的先后顺序。

3、但是在开发中，我们经常会用到ajax技术去提升网页的用户体验。但是ajax本身并不改变浏览器地址栏中的url，是在同一个网页内部操作的，这时，浏览器并不会记录ajax请求的记录。在这种情况下，用户在一个页面触发的5次ajax请求后，点了后退按钮，浏览器不会再次请求之前的ajax请求，而是返回了上一页。

4、解决这个问题的第一种方法就是利用location的hash值。当url的hash值改变时，页面并不会跳转，但是浏览器此时会将此带hash的url记录到历史记录中。利用这个特性，我们可以人为的模拟带历史记录功能的ajax请求。下面是这种方法的demo。

5、<li data-id="1">1</li>

6、<li data-id="2">2</li>

7、</ul>先创建两个按钮，点击按钮时，向服务器发送请求，并将data-id通过参数带到服务器，服务器返回对应data-id的结果。

8、于此同时，改变按钮状态，并将location的hash值改为data-id的值。最后监听location的hash值变化，重复上述步骤。

9、 console.log("recived data:"+ hash);

10、$("li").removeClass('active');

11、$("li[data-id="+hash+"]").addClass('active');

12、 var curHash= window.location.hash.replace("#","");

13、window.onhashchange= onHashChange;

14、 var id=$(this).attr('data-id');

15、});当我们点击按“1-2-1”这样的顺序点击按钮时，控制台的输出如下

16、recived data:2此时我们连续按三次返回按钮，控制台输出如下

17、recived data:1可见这样就模拟实现了浏览器记录ajax请求的功能。

18、相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

好了，文章到这里就结束啦，如果本次分享的ajax谷歌浏览器失效和ajax谷歌浏览器失效怎么回事问题对您有所帮助，还望关注下本站哦！