简单的Ajax请求
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title></title> 6 <script type="text/javascript" src="ajax.js"></script> 7 <script type="text/javascript" src="test06.js"></script> 8 </head> 9 <body> 10 11 </body> 12 </html>
1 function createXHR() { 2 if (typeof XMLHttpRequest != "undefined") { 3 return new XMLHttpRequest(); 4 } else if (typeof ActiveXObject != "undefined") { 5 if (typeof arguments.callee.activeXString != "string") { 6 var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"]; 7 for (var i = 0, len = versions.length; i < len; i++) { 8 try { 9 var xhr = new ActiveXObject(versions[i]); 10 arguments.callee.activeXString = versions[i]; 11 return xhr; 12 } catch (ex) { 13 console.log("异常"); 14 } 15 } 16 } 17 return new ActiveXObject(arguments.callee.activeXString); 18 } else { 19 throw new Error("No XHR object available."); 20 } 21 }
var xhr = createXHR(); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) { console.log(xhr.responseText); } else { console.log("Request was unsuccessful: " + xhr.status); } } }; xhr.open("get", "example.txt", true); xhr.send(null); //取消异步请求 //xhr.abort();