解析jquery中的ajax緩存問(wèn)題
更新時(shí)間:2013年12月19日 10:07:37 作者:
現(xiàn)在我要在瀏覽器里讀取緩存,因?yàn)閍jax請(qǐng)求的數(shù)據(jù)很大,請(qǐng)求一次就夠了。但是問(wèn)題來(lái)了,在FF里面,是沒(méi)有ajax緩存的,也就是每次都會(huì)觸發(fā)ajax請(qǐng)求,這點(diǎn)和IE不一樣
jquery的ajax請(qǐng)求默認(rèn)請(qǐng)求cache是true 也就是開(kāi)啟的,dataType為script和jsonp時(shí)默認(rèn)為false?,F(xiàn)在我要在瀏覽器里讀取緩存,因?yàn)閍jax請(qǐng)求的數(shù)據(jù)很大,請(qǐng)求一次就夠了。但是問(wèn)題來(lái)了,在FF里面,是沒(méi)有ajax緩存的,也就是每次都會(huì)觸發(fā)ajax請(qǐng)求,這點(diǎn)和IE不一樣。所以在這里就得注意,做個(gè)判斷,阻止觸發(fā)ajax事件。
function ajax_show(apartId,roomClass,sortTile){
HX_THIS_FANGXING_NUM=sortTile;
huxing_pic_set_color();
var this_li=$('#title_'+sortTile);
var cache=this_li.data("cache");
if(undefined!=cache){
var data_arr =cache.split('-');
xg_pic_links=data_arr[0];//緩存記錄
layout_pic_links=data_arr[1];
layout_big_pic_links=data_arr[2];
product_links=data_arr[3];
xg_pic_deal_array();
xg_show_pic(xg_now_pic_id);
}else{
$.ajax({//用JQ的緩存cache在FF下還是會(huì)發(fā)起新請(qǐng)求
type: "POST",
url: "index.php?m=content&c=index&a=ajax_all_pic",
data: "apartId=123&roomClass=123",
dataType:'text',
success: function(backdata){
this_li.data('cache',backdata);//緩存記錄
var data_arr =backdata.split('-');
xg_pic_links=data_arr[0];
layout_pic_links=data_arr[1];
layout_big_pic_links=data_arr[2];
product_links=data_arr[3];
xg_pic_deal_array();
xg_show_pic(xg_now_pic_id);
}
});
}
}
通過(guò)this_li.data('cache',backdata);//緩存記錄,來(lái)做標(biāo)記
復(fù)制代碼 代碼如下:
function ajax_show(apartId,roomClass,sortTile){
HX_THIS_FANGXING_NUM=sortTile;
huxing_pic_set_color();
var this_li=$('#title_'+sortTile);
var cache=this_li.data("cache");
if(undefined!=cache){
var data_arr =cache.split('-');
xg_pic_links=data_arr[0];//緩存記錄
layout_pic_links=data_arr[1];
layout_big_pic_links=data_arr[2];
product_links=data_arr[3];
xg_pic_deal_array();
xg_show_pic(xg_now_pic_id);
}else{
$.ajax({//用JQ的緩存cache在FF下還是會(huì)發(fā)起新請(qǐng)求
type: "POST",
url: "index.php?m=content&c=index&a=ajax_all_pic",
data: "apartId=123&roomClass=123",
dataType:'text',
success: function(backdata){
this_li.data('cache',backdata);//緩存記錄
var data_arr =backdata.split('-');
xg_pic_links=data_arr[0];
layout_pic_links=data_arr[1];
layout_big_pic_links=data_arr[2];
product_links=data_arr[3];
xg_pic_deal_array();
xg_show_pic(xg_now_pic_id);
}
});
}
}
通過(guò)this_li.data('cache',backdata);//緩存記錄,來(lái)做標(biāo)記
相關(guān)文章
jquery+ajax每秒向后臺(tái)發(fā)送請(qǐng)求數(shù)據(jù)然后返回頁(yè)面的代碼
jquery+ajax每秒向后臺(tái)發(fā)送請(qǐng)求數(shù)據(jù)然后返回頁(yè)面(包括jquery頁(yè)面加載完畢才執(zhí)行方法)2011-01-01
基于jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果的相關(guān)資料,二級(jí)下拉菜單在實(shí)際應(yīng)用中非常的常見(jiàn),比如企業(yè)網(wǎng)站的產(chǎn)品分類,或者部門分類等等,需要的朋友可以參考下2016-02-02
jQuery實(shí)現(xiàn)點(diǎn)擊水紋波動(dòng)動(dòng)畫
今天要為大家紹一款由jquery實(shí)現(xiàn)的鼠標(biāo)單擊出現(xiàn)水波特效。用鼠標(biāo)點(diǎn)擊頁(yè)面,你可以看到頁(yè)面不斷出面水波紋效果。然后水波紋漸漸消失。效果非常不錯(cuò)2016-04-04
淺析jQuery事件之on()方法綁定多個(gè)選擇器,多個(gè)事件
下面小編就為大家?guī)?lái)一篇淺析jQuery事件之on()方法綁定多個(gè)選擇器,多個(gè)事件。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家。也給大家做個(gè)參考2016-04-04
jQuery固定浮動(dòng)側(cè)邊欄實(shí)現(xiàn)思路及代碼
如果頁(yè)面比較高,當(dāng)滾動(dòng)條拖到頁(yè)面的下面的時(shí)候,側(cè)邊欄會(huì)出現(xiàn)一個(gè)固定跟隨瀏覽器的DIV框,下面將思路及具體實(shí)現(xiàn)與大家分享下2014-09-09
jquery 插件之仿“卓越亞馬遜”首頁(yè)彈出菜單效果
用jquery實(shí)現(xiàn)的彈出菜單插件2008-12-12
jquery點(diǎn)擊改變class并toggle的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇jquery點(diǎn)擊改變class并toggle的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05

