Ajax對(duì)緩存的處理方法實(shí)例分析
本文實(shí)例講述了Ajax對(duì)緩存的處理方法。分享給大家供大家參考,具體如下:
緩存
瀏覽器的一次請(qǐng)求需要從服務(wù)器獲得許多的css、img、js等相關(guān)文件,如果每次請(qǐng)求都把相關(guān)的資源文件加載一次,對(duì)帶寬、服務(wù)器資源、用戶等待時(shí)間都有嚴(yán)重的損耗,瀏覽器有做優(yōu)化處理,其把css、img、js等文件在第一次請(qǐng)求成功后就在本地保留一個(gè)緩存?zhèn)浞荩罄m(xù)的每次請(qǐng)求就在本身獲得相關(guān)的緩存資源文件,可以明顯的加快用戶的訪問速度。
css、img、js等靜態(tài)文件可以緩存,但是動(dòng)態(tài)程序文件如php文件就不能緩存,即使緩存我們也不要其緩存效果。
禁止瀏覽器對(duì)動(dòng)態(tài)程序文件緩存的方法:
(1)給請(qǐng)求的地址設(shè)置隨機(jī)數(shù)[推薦]
(2)給動(dòng)態(tài)程序設(shè)置header頭信息
給請(qǐng)求的地址設(shè)置隨機(jī)數(shù),避免緩存效果:
<!--10-cache.html--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function f1(){ var xhr = new XMLHttpRequest(); xhr.open('get', './10.php?' + Math.random());//保證每次請(qǐng)求的地址都不一樣 xhr.send(null); } </script> </head> <body> <h2>ajax發(fā)起服務(wù)器端的請(qǐng)求(緩存處理)</h2> <input type="button" value="觸發(fā)" onclick="f1()"> </body> </html>
10.php
<?php $fp = fopen("./10.txt", "a");//追加方式打開10.txt文件(文件不存在會(huì)自動(dòng)創(chuàng)建) fwrite($fp,"java");//給文件寫內(nèi)容 fclose($fp);//關(guān)閉文件 ?>
給動(dòng)態(tài)程序設(shè)置header頭信息:
10.php
<?php //設(shè)置header頭禁止瀏覽器緩存當(dāng)前頁(yè)面 header("Cache-Control:no-cache"); header("Pragma:no-cache"); header("Expirse:-1"); $fp = fopen("./10.txt", "a");//追加方式打開10.txt文件(文件不存在會(huì)自動(dòng)創(chuàng)建) fwrite($fp,"java");//給文件寫內(nèi)容 fclose($fp);//關(guān)閉文件 ?>
更多關(guān)于ajax相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結(jié)》、《JavaScript中ajax操作技巧總結(jié)》、《PHP+ajax技巧與應(yīng)用小結(jié)》及《asp.net ajax技巧總結(jié)專題》
希望本文所述對(duì)大家ajax程序設(shè)計(jì)有所幫助。
相關(guān)文章
原生ajax調(diào)用數(shù)據(jù)實(shí)例講解
這篇文章主要向大家介紹了原生ajax調(diào)用數(shù)據(jù)實(shí)例,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-01-01AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-08-08layUI ajax加載html頁(yè)面后重新渲染的方法
今天小編就為大家分享一篇layUI ajax加載html頁(yè)面后重新渲染的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-08-08jquery通過AJAX從后臺(tái)獲取信息并顯示在表格上的實(shí)現(xiàn)類
今天小編抽給時(shí)間把jquery通過AJAX從后臺(tái)獲取信息并顯示在表格上的實(shí)現(xiàn)類,單獨(dú)寫出來(lái),這樣程序員,不需要每次寫代碼了,可以節(jié)省大量的時(shí)間,感興趣的朋友一起來(lái)看看吧2015-09-09關(guān)于前端ajax請(qǐng)求的優(yōu)雅方案(http客戶端為axios)
這篇文章主要給大家介紹了關(guān)于前端ajax請(qǐng)求的優(yōu)雅方案,本文http客戶端為axios,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12關(guān)于Ajax技術(shù)中servlet末尾的輸出流
這篇文章主要介紹了關(guān)于Ajax技術(shù)中servlet末尾的輸出流的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08AJAX解析XML實(shí)例之下拉框省、市二級(jí)聯(lián)動(dòng)
實(shí)現(xiàn)省、市二級(jí)聯(lián)動(dòng),當(dāng)選擇某一省時(shí),改省下面的市就會(huì)在另一個(gè)下拉框顯示出來(lái),下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下2013-11-11Ajax請(qǐng)求超時(shí)與網(wǎng)絡(luò)異常處理圖文詳解
最近在項(xiàng)目中遇到一個(gè)問題,當(dāng)加載數(shù)據(jù)量特別大的時(shí)候會(huì)出現(xiàn)加載超時(shí)現(xiàn)象,所以這篇文章主要給大家介紹了關(guān)于Ajax請(qǐng)求超時(shí)與網(wǎng)絡(luò)異常處理的相關(guān)資料,需要的朋友可以參考下2021-05-05