ajax读取文件未及时更新
生活随笔
收集整理的這篇文章主要介紹了
ajax读取文件未及时更新
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在ajax讀取文件(.txt,.json)時,會發生更改文件,ajax讀取的還是原來的文件,要想改變這個可以在讀取文件的后綴在加個?t=XXX
具體情況如下
這樣由于t值在變化,瀏覽器就會認為是個變化的值,而不會把它當做緩存,從而解決頁面加載緩存的問題,這種辦法不會影響結果。
加入時間這樣t值會保持一直不重復的變化
<!DOCTYPE html><html> <head> <meta charset="UTF-8"><title></title><style>#button1{background:skyblue;border-radius:20px;width:100px;}</style> </head> <body> <button id="button1">點擊</button> <input id="input1"> <div id="div1"></div></body> <script type="text/javascript">function showmessage(){var xhr=new XMLHttpRequest();xhr.open("GET","uuu.txt?t="+new Date().getTime(),true);//xhr.send();xhr.onreadystatechange = function(){if(xhr.readyState==4){console.log(xhr.responseText);str=JSON.parse(xhr.responseText);console.log(str);console.log(str[1].name);var i=0;console.log(str.length);document.getElementById("div1").innerHTML="";for(i;i<str.length;i++){document.getElementById("div1").innerHTML+=str[i].name+"的技能是"+str[i].skill+"<br>";}}} };setInterval("showmessage()",2000);</script> </html>總結
以上是生活随笔為你收集整理的ajax读取文件未及时更新的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c9大学是什么意思 c9大学的含义
- 下一篇: 聊天系统