我有以下代码对URL进行GET请求:
$('#searchButton').click(function() {
$('#inquiry').load('/portal/?f=searchBilling&pid=' + $('#query').val());
});
但是返回的结果并不总是被反映出来。例如，我对输出堆栈跟踪的响应进行了更改，但是当我单击搜索按钮时，堆栈跟踪没有出现。我查看了控制ajax响应的底层PHP代码，它有正确的代码，直接访问页面显示了正确的结果，但.load返回的输出是旧的。
如果我关闭浏览器并重新打开它，它会工作一次，然后开始返回陈旧的信息。我可以通过jQuery控制这一点，还是我需要有我的PHP脚本输出头来控制缓存?
当前回答
如果你想坚持使用Jquery的.load()方法，可以在URL中添加一些独特的东西，比如JavaScript时间戳。“+新日期().getTime()”。注意，我必须添加一个“&time=”，这样它就不会改变pid变量。
$('#searchButton').click(function() {
$('#inquiry').load('/portal/?f=searchBilling&pid=' + $('#query').val()+'&time='+new Date().getTime());
});
其他回答
这在IE中是一个特别烦人的问题。基本上你必须从服务器发送“无缓存”的HTTP头和响应。
对于PHP，添加这一行到你的脚本，它提供了你想要的信息:
header("cache-control: no-cache");
或者，在查询字符串中添加一个唯一的变量:
"/portal/?f=searchBilling&x=" + (new Date()).getTime()
我注意到，如果某些服务器(如Apache2)没有配置为允许或拒绝任何“缓存”，那么服务器可能会默认发送一个“缓存”响应，即使您将HTTP头设置为“无缓存”。所以请确保你的服务器在发送响应之前没有“缓存”任何东西:
在Apache2中，你必须这样做
1)编辑“disk_cache.conf”文件-添加“CacheDisable /local_files”指令来禁用缓存
2)加载mod_cache模块(在Ubuntu上“sudo a2enmod cache”和“sudo a2enmod disk_cache”)
3)重启Apache2 (Ubuntu“sudo service Apache2 restart”);
这样就可以在服务器端禁用缓存。 干杯!：）
你可以用缓存设置为false的版本替换jquery load函数。
(function($) {
var _load = jQuery.fn.load;
$.fn.load = function(url, params, callback) {
if ( typeof url !== "string" && _load ) {
return _load.apply( this, arguments );
}
var selector, type, response,
self = this,
off = url.indexOf(" ");
if (off > -1) {
selector = stripAndCollapse(url.slice(off));
url = url.slice(0, off);
}
// If it's a function
if (jQuery.isFunction(params)) {
// We assume that it's the callback
callback = params;
params = undefined;
// Otherwise, build a param string
} else if (params && typeof params === "object") {
type = "POST";
}
// If we have elements to modify, make the request
if (self.length > 0) {
jQuery.ajax({
url: url,
// If "type" variable is undefined, then "GET" method will be used.
// Make value of this field explicit since
// user can override it through ajaxSetup method
type: type || "GET",
dataType: "html",
cache: false,
data: params
}).done(function(responseText) {
// Save response for use in complete callback
response = arguments;
self.html(selector ?
// If a selector was specified, locate the right elements in a dummy div
// Exclude scripts to avoid IE 'Permission Denied' errors
jQuery("<div>").append(jQuery.parseHTML(responseText)).find(selector) :
// Otherwise use the full result
responseText);
// If the request succeeds, this function gets "data", "status", "jqXHR"
// but they are ignored because response was set above.
// If it fails, this function gets "jqXHR", "status", "error"
}).always(callback && function(jqXHR, status) {
self.each(function() {
callback.apply(this, response || [jqXHR.responseText, status, jqXHR]);
});
});
}
return this;
}
})(jQuery);
把这个放在全局的某个地方，它将在jquery加载后运行，你应该都设置好了。您现有的加载代码将不再被缓存。
/**
* Use this function as jQuery "load" to disable request caching in IE
* Example: $('selector').loadWithoutCache('url', function(){ //success function callback... });
**/
$.fn.loadWithoutCache = function (){
var elem = $(this);
var func = arguments[1];
$.ajax({
url: arguments[0],
cache: false,
dataType: "html",
success: function(data, textStatus, XMLHttpRequest) {
elem.html(data);
if(func != undefined){
func(data, textStatus, XMLHttpRequest);
}
}
});
return elem;
}
