Ajax基础(二)--获取服务器文件
获取服务器文件相关步骤:
1、创建文件;
2、创建XMLHttpRequest对象;
3、获取文件(注意事项:1)在服务器中运行测试;2)注意编码问题,编码要统一)。
3.1 获取xml文件:
HTML代码:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var xmlHttp=null; 10 function readyStateChangeHandle() 11 { 12 if(xmlHttp.readyState==4) 13 { 14 if(xmlHttp.status==200) 15 { 16 var xmlDOM=xmlHttp.responseXML; 17 var xmlRoot=xmlDOM.documentElement; 18 try 19 { 20 var xmlItem=xmlRoot.getElementsByTagName("item"); 21 alert(xmlItem[0].firstChild.data); 22 } 23 catch(e) 24 { 25 alert(e.message); 26 } 27 } 28 } 29 } 30 function ajaxRequest() 31 { 32 if(window.XMLHttpRequest) 33 { 34 xmlHttp=new XMLHttpRequest(); 35 } 36 else if(window.ActiveXObject) 37 { 38 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 39 } 40 xmlHttp.onreadystatechange=readyStateChangeHandle; 41 xmlHttp.open("GET","data.xml",true); 42 xmlHttp.send(null); 43 } 44 </script> 45 <input type="button" onclick="ajaxRequest()" value="Take me to the world of AJAX" /> 46 </body> 47 </html>
xml代码:
1 <?xml version="1.0" encoding="utf-8"?> 2 <root> 3 <item>这是一个xml文件</item> 4 </root>
运行结果 :
3.2 获取TXT文件(详见:Ajax基础--创建请求)