`
午刀十
  • 浏览: 33952 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Jquery.ajax缓存问题

阅读更多
      今天在处理一个数据问题时,发现jQuery.ajax()方法返回的值一直有问题,清除缓存后数据无误,多次测试后发现返回的值都是之前的值,并且一直未执行url(后台为JAVA,设置断点一直未进入)。在网上查找下,发现是未设置type的原因。如果没设置jQuery.ajax的type="Post",那么ajax就会默认type="Get",这就会导致之前数据被缓存起来。加上type="Post",问题解决!
      以下为Jquery AJAX POST和GET区别,原地址:http://fengyan0124.blog.163.com/blog/static/11733439120104151238789/
      1:GET访问浏览器认为是等幂的,就是 一个相同的URL只有一个结果[相同是指整URL字符串完全匹配],所以 第二次访问的时候 如果 URL字符串没变化浏览器是直接拿出了第一次访问的结果;POST则认为是一个 变动性访问(浏览器认为POST的提交 必定是 有改变的)防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的]设计WEB页面的时候 也应该遵守这个原则
      2:一.谈Ajax的Get和Post的区别
        Get方式:
         用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面。另外最重要的一点是,它会被客户端的浏览器缓存起来,那么,别人就可以从浏览器的历史记录中,读取到此客户的数据,比如帐号和密码等。因此,在某些情况下,get方法会带来严重的安全性问题。
         Post方式:
          当使用POST方式时,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多。
          总之,GET方式传送数据量小,处理效率高,安全性低,会被缓存,而POST反之。
          使用get方式需要注意:
          1 对于get请求(或凡涉及到url传递参数的),被传递的参数都要先经encodeURIComponent方法处理.例:var url = "update.php?username=" +encodeURIComponent(username) + "&content=" +encodeURIComponent
(content)+"&id=1" ;
          使用Post方式需注意:
           1.设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量. 通常使用XmlHttpRequest对象的SetRequestHeader("Context-Type","application/x-www- form-urlencoded;")。例:
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            2.参数是名/值一一对应的键值对,每对值用&号隔开.如 var name=abc&sex=man&age=18,注意var name=update.php?
abc&sex=man&age=18以及var name=?abc&sex=man&age=18的写法都是错误的;
            3.参数在Send(参数)方法中发送,例: xmlHttp.send(name); 如果是get方式,直接 xmlHttp.send(null);
4.服务器端请求参数区分Get与Post。如果是get方式则$username = $_GET["username"]; 如果是post方式,则$username = $_POST["username"];


分享到:
评论
1 楼 iridiumcao 2012-05-11  
我今天也碰到这个问题,但是,我用的是 post。

相关推荐

    Ajax-jquery-ajax-cache.zip

    Ajax-jquery-ajax-cache.zip,jquery插件,用于用“localstorage”或“sessionstorage”缓存ajax。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页...

    解析jquery中的ajax缓存问题

    但是问题来了,在FF里面,是没有ajax缓存的,也就是每次都会触发ajax请求,这点和IE不一样。所以在这里就得注意,做个判断,阻止触发ajax事件。 代码如下:function ajax_show(apartId,roomClass,sortTile){ HX_THIS...

    jQuery ajax cache缓存问题

    在jquery里面用$.ajax 然后, 指定ajax属性的时候, 使用了:’false’ . 可恶的javascript特性就在这里出现了。 在jquery里面, 大部分的时候, 属性要用”引起来。 否则容易变成变量名。比如red, 引不引都差不多...

    jQuery中ajax的使用与缓存问题的解决方法

    1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]...谈Ajax的Get和Post的区别 Get方式:用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的

    JQuery实现Ajax加载图片的方法

    主要介绍了JQuery实现Ajax加载图片的方法,涉及jQuery基于缓存获取图片的技巧,需要的朋友可以参考下

    AJAXCache是一款jQuery缓存插件可以为ajax方法扩展缓存功能

    AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能

    jQuery 1.4.1 中文参考

    10.1.1 jQuery.ajax([options]) 162 10.1.2 load(url, [data], [callback]) 170 10.1.3 jQuery.get(url, [data], [callback], [type]) 171 10.1.4 jQuery.getJSON(url, [data], [callback]) 172 10.1.5 jQuery....

    jQuery 1.6 API 中文版

    jQuery.ajax( url, [ settings ] ) 返回: jqXHR 执行一个异步的HTTP(Ajax)的请求。 version added: 1.5jQuery.ajax( url, [ settings ] ) url一个用来包含发送请求的URL字符串。 settings一个以"{键:值}...

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

    使用jquery里load方法或者ajax调用页面的时候会存在cache的问题,清除cache的方法: 调用$.ajaxSetup ({cache:false}) 方法即可。 代码如下: [removed] $.ajaxSetup({ cache: false }); [removed]

    jQuery可智能缓存响应数据的ajax调用插件

    Smartjax是一款可以将ajax请求的内容进行智能缓存的jQuery插件。Smartjax.ajax()可以将ajax的回调内容缓存在浏览器中,再次进行相同url的ajax调用时,不会在向服务器发送请求,而是读取本地的缓存。

    jquery+ajax无刷新评论源码

    jquery+ajax无刷新评论源码 实现了获取评论无刷新,发表评论无刷新,页面获取评论时显示loading加载效果 jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片...

    JQUERY的AJAX请求缓存里的数据问题处理

    $.ajax({ url: 'ios/index', cache: false, type: 'post', data: { timestamp: new Date().getTime() //params here }, dataType: 'json' }).done(function (data) { //codes here }); 是不是非常的简单呢...

    jQuery资料.rar

    AJAX缓存问题的三种解决方法(IE) 做一个项目用到Ajax,开始觉得挺好,后来发现一个问题,例如删除一项,恢复之后就不能再接着删除,必须要等一段时间,后来知道是IE缓存的问题 AJAX缓存页面是一个刚接触AJAX的人...

    Web前端Ajax&JQuery视频教程课件

    本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...

    js锁屏解屏通过对$.ajax进行封装实现

    * 对jquery中$.ajax进行封装,以便加入锁屏功能 * isAsync 是否为异步请求,默认为true * isLock 是否锁屏,默认是true * isCache 是否从浏览器缓存中加载信息,默认是fasle ***/ ;(function($) { $.fn.doPost = ...

    ajax缓存问题解决途径

    ajax缓存问题解决途径: 是缓存的问题。在服务端加 header(“Cache-Control: no-cache, must-revalidate”); 并且在你的JS提交参数中加随机或是时间字符串 url+”?timeStamp=”+new Date().getTime(); 您可能...

Global site tag (gtag.js) - Google Analytics