在这个例子中,HTML页与txt文件位于同一目录下。代码如下:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>js中的Ajax经典实例</title> <script type="text/javascript" > function ajax() { //1.声明异步请求对象: var xmlHttp = null; if (window.ActiveXObject) { // IE6, IE5 浏览器执行代码 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlHttp = new XMLHttpRequest(); } //2.如果实例化成功,就调用open()方法: if (xmlHttp != null) { xmlHttp.open("get", "songs.txt", true); xmlHttp.send(); xmlHttp.onreadystatechange = doResult; //设置回调函数 } function doResult() { if (xmlHttp.readyState == 4) { //4表示执行完成 if (xmlHttp.status == 200) { //200表示执行成功 document.getElementById("resText").innerHTML = xmlHttp.responseText; } } } } </script> </head> <body> <form id="form1" runat="server"> <div id="resText"></div> <input type="button" value="点击获得文本内容" onclick="ajax();"/> </form> </body> </html>
txt文件的内容可以随意写,但是如果保存的时候选择“ANSI”编码就会出现乱码,选择“UTF-8”、“Unicode”、“Unicode big endian”编码不会出现乱码,这是在"charset=utf-8"的情况下。