在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>