`

解决jquery load,get 方法缓存数据问题

 
阅读更多
  1. 当jquery load 一个页面时候 只加载一次   解决方法有俩种   
  2. 1jQuery提供一个防止ajax使用缓存的方法,  
  3. <script type="text/javascript" language="javascript">  
  4. $.ajaxSetup ({  
  5. cache: false //close AJAX cache  
  6. });  
  7. </script>  
  8. 这个方法在每次load页面的时候都要执行一次  否则只会再第一次时候有效 其他load 还会读取缓存页面  
  9. 2 第二就是修改load 加载的url地址  
  10.  例如 再url 多加个时间参数就可以 这个方法再wap1.0 中 我也用过避免读取缓存  
  11.   
  12. 还有就是之前查到的其他两种办法,针对该问题,不起作用:  
  13. 1、设置html的缓存  
  14. <META HTTP-EQUIV="Pragma" CONTENT="no-cache">       
  15. <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">       
  16. <META HTTP-EQUIV="Expires" CONTENT="0">  
  17. 2、java设置缓存  
  18. <%  
  19.     request.setAttribute("decorator""none");  
  20.     response.setHeader("Cache-Control","no-cache"); //HTTP 1.1  
  21.     response.setHeader("Pragma","no-cache"); //HTTP 1.0  
  22.     response.setDateHeader ("Expires"0); //prevents caching at the proxy server  
  23. %><pre name="code" class="java">Jquery $.get方法缓存问题  
  24.   
  25. 在ie系列下,$.get()方法在url地址固定时,会缓存返回结果,导致不可预料的问题。但在火狐下,则不会缓存。  
  26. 要解决该问题有很多办法,最直接的是把$.get()方法换成$.ajax(),然后配置cache:false即可。我不喜欢$.ajax()繁琐的配置方式,可采取以下最简单方式实现:  
  27. 在$.get()的data后面加上新的随机参数,如{data: mydata, stamp: Math.random() },由于每次数据不一样,故请求后返回的数据不会缓存。  
  28. 另外也可把$.get()改成$.post(),也可解决此问题。  
  29. 一劳永逸的解决办法是设置全局参数,$.ajaxSetup({cache:false});这样设置后,基本所有的get请求jquery都会自动加上_1948838字样的附加参数,总体来说与上面的解决方法类似。  
  30. 例如:  
  31. $.get("ProvinceListByCountryIDHandler.ashx", { "cid": $drpCountry.val(), "time"new Date().getTime() }, function(data, returnStatus) {})
分享到:
评论

相关推荐

    防止jQuery ajax Load使用缓存的方法小结

    一、用法 jquery的load函数是请求另一个文件并加载到当前DOM里的调用,load方法的完整格式是:load( url, [data], [callback] )(注意没有参数是GET方式请求,有参数则是 POST方法)。 * url:是指要导入文件的地址。...

    Ajax与jquery相结合实现的无数新验证用户之load()get方法

    本文将深入探讨如何利用Ajax与jQuery的load()、$.get()等方法来实现实时验证用户输入的有效性,避免不必要的页面刷新。 首先,我们来看load()方法,它是jQuery中的一个便利功能,用于加载远程HTML文档到指定的DOM...

    禁止JQuery中的load方法装载IE缓存中文件的方法

    要解决这个问题,我们需要理解浏览器缓存的工作原理以及如何在jQuery的`load()`方法中进行干预。 浏览器缓存是为了提高网页加载速度和减少服务器负载而设计的。当用户首次访问一个页面或资源时,浏览器会将其存储在...

    使用JQuery load函数异步分页实例

    `load()`函数是jQuery提供的一个强大的Ajax方法,主要用于从服务器加载HTML片段并将其插入到DOM中。 首先,我们要理解jQuery的`load()`函数的基本用法。它接受一个URL作为参数,这个URL指向服务器上的资源。当调用`...

    jquery 缓存问题的几个解决方法

    针对这个问题,有几种解决方法可以避免jQuery的缓存问题。 1. **设置`.ajax`方法的`cache`参数为`false`** 当使用`.ajax`进行Ajax请求时,可以通过设置`cache`选项为`false`来禁用缓存。这将告诉浏览器不要存储...

    Jquery Ajax 前后台数据传输

    在实际应用中,可能还需要处理跨域请求、缓存策略、进度回调等问题。总的来说,jQuery的AJAX功能强大且灵活,能够满足各种复杂的前后台数据传输需求。结合适当的服务器端接口,可以构建出高效、响应式的Web应用。

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    ajax() 方法是 jQuery 中最强大的 AJAX 方法,它可以发送 GET、POST、PUT、DELETE 等多种类型的请求。该方法的语法为 `$.ajax(options)`,其中 `options` 是一个对象,它可以包含多种参数。 常见的参数包括: * url...

    jQuery load方法用法集锦

    通过以上知识点的整理,可以看出jQuery的load方法在加载内容和与服务器进行数据交互方面提供了灵活的操作方式,同时也需要注意防止浏览器缓存对数据加载的影响。在实际开发中,合理利用这些功能点能够帮助开发者实现...

    Jquery操作Ajax方法小结

    总之,JQuery提供的AJAX操作方法使得开发者能够非常容易地在不刷新页面的情况下与服务器进行数据交换,增强用户的交互体验。通过本文中介绍的方法,可以快速实现各种常见的网络请求场景,并且通过灵活的参数配置,...

    IE下Ajax缓存问题的快速解决方法(get方式)

    IE浏览器为了提高加载速度,会对GET请求的资源进行缓存,特别是使用jQuery的`load`方法发出的请求,因为它们默认采用GET方式。当第二次发起相同的请求时,浏览器可能直接从缓存中读取结果,而不是向服务器重新请求,...

    jQuery Ajax使用 全解析

    - 默认情况下,load方法通过GET请求数据,但如果提供了数据参数,则会自动转换为POST请求。 - 当需要动态地向页面中插入内容时,这个方法非常有用。 ### jQuery Ajax方法参数详解 - **url:** 指定请求的服务器...

    jQuery_Ajax_实例_全解析

    jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。...然而,了解和掌握`jQuery.ajax()`的高级用法,可以帮助开发者解决更复杂的问题,实现更精细的控制。

    Jquery中Ajax 缓存带来的影响的解决方法

    这种缓存问题会导致浏览器在发起Ajax请求时,并未向服务器请求新的数据,而是直接使用之前加载的缓存数据,从而使得获取的数据可能是过时的,影响了Web应用的正常功能和用户体验。 在JQuery中,解决Ajax缓存问题的...

    jquery帮助文档

    本文将深入探讨jQuery中的Ajax功能,包括load、get和post等方法,帮助读者从入门到精通掌握jQuery的Ajax使用。 1. `load()`方法 `load()`是jQuery中用于加载远程HTML内容到当前元素的一个便捷方法。它接受三个参数...

    jQuery权威指南-源代码

    10.4 使用data()方法缓存数据/321 10.5 解决jQuery库与其他库的冲突/326 10.5.1 jQuery在其他库前导入/326 10.5.2 jQuery在其他库后导入/328 10.6 使用子查询优化选择器性能/330 10.7 减少对DOM元素直接操作/...

    jqueryAjax

    在本篇文章中,我们将深入探讨jQuery中的几种主要AJAX方法:GET、POST、LOAD以及通用的AJAX方法。 ### 1. GET 请求 `$.get()` 方法是jQuery中执行HTTP GET请求的简捷方式。GET请求通常用于从服务器获取数据。它的...

    jquery + endless-scroll 模拟实现 滚动加载数据

    假设我们的数据是JSON格式,可以使用jQuery的`$.ajax()`或`$.getJSON()`方法。 ```javascript function loadMoreData() { $.ajax({ url: 'api/data', // 你的API接口地址 type: 'GET', dataType: 'json', ...

    jQuery Ajax 全解析

    `load()`是jQuery中实现Ajax功能的方法之一,用于从服务器加载数据,并将其注入到当前的DOM元素中。它支持GET和POST请求,具体使用哪种请求方式取决于是否传递了`data`参数。当`data`参数存在时,方法会自动将请求...

Global site tag (gtag.js) - Google Analytics