Ajax HelloWorld
来源:互联网 发布:知耻而后勇下一句 编辑:程序博客网 时间:2024/06/05 19:09
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>异步请求</title> <script type="text/javascript" language="javascript"> var xmlHttp; //创建XMLHttpRequest对象 function createXmlHttpRequest() { if(window.ActiveXObject)//判断浏览器是否是IE并且支持XMLHttpRequest { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest)//判断浏览器是否支持XMLHttpRequest对象 { xmlHttp = new XMLHttpRequest(); } } function readyStateChangeHandle() { //判断读取服务器状态 if(xmlHttp.readyState==4) { if(xmlHttp.status==200) { //得到页面中的Div var div = document.getElementById("divHelloWorld"); //接收服务器响应的XML文档 var xmlDoc = xmlHttp.responseXML; //解析服务器性赢得XML文档 var value = xmlDoc.getElementsByTagName("data")[0].firstChild.nodeValue; div.innerHTML="<b>"+value+"</b>";//将服务器数据填入Div中 } } } function startRequest() { createXmlHttpRequest(); xmlHttp.onreadystatechange = readyStateChangeHandle;//实现读取服务器状态函数 xmlHttp.open("POST","data.xml",true);//设置如何读取服务器 xmlHttp.send();//向服务器发送请求 } </script></head><body> <div align="center" id="divHelloWorld" style="width:100%"></div> <div align="center" style="width:100%"> <input type="button" value="Hello World" id="btnRequest" onclick="startRequest()"/> </div></body></html>
data.xml
<?xml version="1.0" encoding="UTF-8"?><HelloWorld> <data> Hello World! </data></HelloWorld>
- Ajax HelloWorld
- PHP Ajax 入门HelloWorld
- Ajax学习之helloworld
- Ajax之helloWorld
- AJAX的HelloWorld--使用DWR
- Ajax入门级程序--Helloworld
- Ajax完成一个简单的HelloWorld程序
- AJAX简单运用1(HelloWorld)
- Ajax入门介绍以及用Ajax写helloworld
- helloworld
- HelloWorld
- helloworld
- helloworld
- HelloWorld
- HelloWorld
- HelloWorld
- HelloWorld
- HelloWorld
- 算法与数据结构--在顺序线性表L中查找第1个值与e满足compare()的元素的为序--算法2.5
- 在线配置工具的某段sql
- linux常用实用命令详解
- SQL Server 联接提示、查询提示、表提示
- 开始hadoop之旅
- Ajax HelloWorld
- 网络第三课(1)网络抓 包
- hdu4756 Install Air Conditioning
- JavaScript的基础学习篇
- xml 过滤特殊字符
- iOS SDK基础知识:UITextView & UITextViewDelegate
- shell 之间调用传递值
- DB2错误信息(按sqlcode排序)
- 在触发器里面commit