当前位置:Gxlcms > AJAX > 简单的AJAX实现(HELLO AJAX)

简单的AJAX实现(HELLO AJAX)

时间:2021-07-01 10:21:17 帮助过:39人阅读

客户端部分:
代码如下:
  1. <br><html> <br><head> <br><meta http-equiv="Content-Type" content="text/html"/> <br><script language="javascript"> <br>var ajax; <br>function createAjax() <br>{ <br>if(window.ActiveXObject) <br>{ <br>try <br>{ <br>return new ActiveXObject("Msxm12.XMLHTTP"); <br>} <br>catch(e) <br>{ <br>try <br>{ <br>return new <br>ActiveXObject("Microsoft.XMLHTTP"); <br>} <br>catch(e2) <br>{ <br>return null; <br>} <br>} <br>} <br>else if(window.XMLHttpRequest) <br>{ <br>return new XMLHttpRequest(); <br>} <br>else <br>{ <br>return null; <br>} <br>} <br>function onRcvData() <br>{ <br>if(ajax.readyState==4) <br>{ <br>if(ajax.status==200) <br>{ <br>var content=document.getElementById('content'); <br>content.innerHTML=ajax.responseText; <br>} <br>else <br>{ <br>alert("error"); <br>} <br>} <br>} <br>function ajaxSendRequest(uri) <br>{ <br>ajax=createAjax(); <br>if(!ajax) <br>{ <br>alert("no"); <br>return 0; <br>} <br>ajax.onreadystatechange=onRcvData; <br>ajax.open("GET",uri,true); <br>ajax.send(""); <br>} <br></script> <br><title>Hello AJAX</title> <br></head> <br><body> <br><div id="content"></div> <br><br> <br><input type="button" value="Hello" <br>onclick="ajaxSendRequest('http://localhost:8080/test/hello.jsp')"> <br></body> <br></html> <br> <br>服务器端部分(hello.jsp) <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br><html> <br><head> <br><title>hellp</title> <br></head> <br><body> <br><% <br>out.println("HELLO AJAX"); <br>%> <br></body> <br></html> <br></li><li> </li><li> </li></ol></pre>

人气教程排行