写一个按钮,点击后在指定的div里显示本地txt文件内容
在本地新建一个test.txt,里面随便写点内容就好。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 </head> 6 <body> 7 <input type="button" id="btn_test" value="test" onclick="javascript:testAjax(‘test.txt‘);" /> 8 <br /><br /> 9 <div id="testDiv">Hello,World!</div> 10 11 <script> 12 function testAjax(request_url){ 13 var xmlhttp = null; 14 try{ 15 var xmlhttp = new XMLHttpRequest(); 16 }catch(e){ 17 try{ 18 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 19 }catch(e){ 20 alert("Your browser is not support AJAX"); 21 } 22 } 23 24 if (xmlhttp){ 25 xmlhttp.open("GET",request_url,true); 26 xmlhttp.onreadystatechange = function (){ 27 if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ 28 document.getElementById("testDiv").innerHTML = xmlhttp.responseText; 29 } 30 }; 31 xmlhttp.send(null); 32 }else{ 33 alert("Error"); 34 } 35 } 36 </script> 37 </body> 38 </html>
时间: 2024-10-06 22:28:38