防止JQUERY的AJAX请求缓存里的数据

作者：袖梨 2022-06-25

方法一，

参数type由get改成post
添加参数cache并设置成false
添加时间戳

 代码如下 复制代码
$.ajax({
    url: 'ios/index',
    cache: false,
    type: 'post',
    data: {
        timestamp: new Date().getTime()
        //params here
    },
    dataType: 'json'
}).done(function (data) {
    //codes here
});

方法二，

jQuery Load样本代码：

 

 代码如下 复制代码
$(document).ready(function(){
  $("#labels").load("/blog/categories/labels.html");
  //在页面装载时，在ID为#labels的DOM元素里插入labels.html的内容。
});

当我更新了labels.html以后，在IE7里load方法仍旧在使用旧的labels.html，就算我按刷新键也不管用。好在jQuery提供一个防止ajax使用缓存的方法，把下面的语句加在head的javascript文件里，就可以解决问题。

 代码如下 复制代码

$.ajaxSetup ({
    cache: false //关闭AJAX相应的缓存
});

此外我再介绍几种方法解决缓存的方法。注意：我没有在jQuery load的问题上测试过，这些方法仅供参考


总之，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"];

相关文章

精彩推荐