在ajax读取文件(.txt,.json)时,会发生更改文件,ajax读取的还是原来的文件,要想改变这个可以在读取文件的后缀在加个?t=XXX
具体情况如下 这样由于t值在变化,浏览器就会认为是个变化的值,而不会把它当做缓存,从而解决页面加载缓存的问题,这种办法不会影响结果。
xhr.open("GET","uuu.txt?t="+new Date().getTime(),true);加入时间这样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>