<script> // 问题1：所有浏览器都支持Ajax 除了IE5 IE6 如果让所有浏览器都支持就加上以下代码 13 - 18行 window.addEventListener('load', function() { var btn = document.querySelector('button'); btn.onclick = function() { var xml; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xml = new XMLHttpRequest(); } else { // code for IE6, IE5 xml = new ActiveXObject("Microsoft.XMLHTTP"); } // 问题2：在IE中 如果通过Ajax发送的GET请求， // 那么IE浏览器认为同一个URL只有一个结果 后面在这个URL更改值 IE不会更新 // 解决这个问题 需要每次给文件地址改一下 就能拿到最新的值 // 可以在文件地址后面 +(new Date().getTime()) 如 25行 // var xml = new XMLHttpRequest(); xml.open('GET', '05.Ajax.get.txt?t=' + (new Date().getTime()), true); xml.send(); xml.onreadystatechange = function() { if (xml.readyState === 4) { if (xml.status >= 200 && xml.status < 300 || xml.status === 304) { //alert('ready go'); // 想获得后端服务器的响应，使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性 //responseText 获得字符串形式的响应数据。 //responseXML 获得 XML 形式的响应数据。 alert(xml.responseText); // 得到04.Ajax.get.php后端写的内容 } else { alert('error'); } } } } }) </script> </head> <body> <button>发送请求</button> </body>