Ajax初试之读取数据篇实现代码
是的,今天我们要实现的效果是.在不刷新网页的情况下读取并显示服务端的数据. 拿出来我们上次准备好的东西. 1:XMLHTTPRequest对象的函数. 2:Asp输出xml格式的文件.你可以点击查看该文件内容 代码如下: <% ‘出自:http://Www.Web666.Net ‘作者:康董 ‘如需转载请务必保留以上信息 ‘定义一个变量,来保存xml数据 dim xml xml = “<?xml version=’1.0′ encoding=’gb2312′?><body>” xml = xml&”<msg>一个简单的Asp输出xml的示例,以后在我们的ajax教程实例中,我们都将使用该文件 XMLHttpRequest功能的对象赋值给变量ajax。`ajax_xmlhttp()`函数是用于创建XMLHttpRequest对象的通用函数,它能处理不同版本的Internet Explorer浏览器以及非IE浏览器(如Firefox)的兼容性问题。通过尝试创建一系列的ActiveXObject实例或使用内置的XMLHttpRequest构造函数,该函数确保在任何支持AJAX的浏览器中都能创建XMLHttpRequest对象。 接着,`Post()`函数中的`ajax.open("POST", "web_ajax.asp", true);`这一行设置了AJAX请求的细节。这里`"POST"`表示请求类型,`"web_ajax.asp"`是服务器端处理请求的文件,`true`表示请求是异步的,即页面不会因为请求而停止加载。 `ajax.onreadystatechange`是一个事件处理器,当请求的状态改变时,会执行其中的函数。如果`readyState`等于4,说明请求已完成;如果`status`等于200,表明请求成功。在这些条件下,我们可以处理返回的数据。`ajax.responseXML`返回的是服务器响应的XML文档,我们可以使用DOM方法来解析它。 `xmlData.getElementsByTagName("msg");`这一行获取了所有`msg`标签,由于我们知道只有一条消息,所以直接使用`msg[0]`来访问第一条消息。`msg[0].firstChild.nodeValue`则获取了`msg`标签内的文本内容。 `document.getElementById("str").innerHTML = data;`这行将获取到的数据插入到ID为`str`的`div`元素内,实现了不刷新页面的情况下显示服务端返回的数据。 整个例子展示了AJAX的基本工作原理,即通过JavaScript与服务器进行异步通信,获取数据,并动态更新网页内容。XMLHttpRequest对象是AJAX的核心,它允许客户端在用户无感知的情况下向服务器发送请求并接收回应。XML被用作数据交换格式,因为它的结构清晰,易于解析。在实际应用中,XML常被JSON替代,因为JSON更轻量且易于处理。然而,这个例子展示了如何使用XML和AJAX进行数据交互,对于理解AJAX的基础运作机制是非常有帮助的。
- 粉丝: 2
- 资源: 925
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助