Ajax初级实现：Hello World
使用Ajax实现Hello World的例子：
选择使用的服务器是tomcat， 新建一个web应用，如Ajax，在web应用里新建一个html页面，可以取名为helloword.html，打开文本编译器，如Editplus，在<head>标签里输入如下内容：
<script language="javascript"> var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); } } function startRequest(){ createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("GET","simple.txt",true); xmlHttp.send(null); } function handleStateChange(){ if(xmlHttp.readyState == 4){ if(xmlHttp.status == 200){ alert("The server replied with:" + xmlHttp.responseText); } } } |
解释：第一个函数的作用是创建一个xml的请求 ，请求分为两部分，照顾到IE和Firefox的差异。第二个函数的作用是做为调用的接口函数，比如使用按钮调用就使用OnClick=”startRequest()”，告诉浏览器处理请求。当xml请求的onreadystatechange属性改变时，调用handleStateChange()，这个函数是核心，对请求的处理就在这个函数中，或者从这个函数出发进行其他的调用。
在web应用文件夹下新建一个 simple.txt文件，用文本编辑器打开，输入“Hello World！”，保存退出。
在 helloword.html的<body>标签中加入如下代码：
<INPUT TYPE=”submit” OnClick=”startRequest()”/>
保存退出。
打开浏览器，输入http://localhost:8080/ajax/helloworld.html，打开web应用页面，点击按钮就能看到提示框了。
返回对话框
版权信息：本文来自老杨个人网站，作者老杨，原文地址，转载请注明出处。
如果喜欢本站，敬请订阅：老杨个人网站。谢谢惠顾！
标签：
我要抢沙发