用Ajax读取XML格式的数据

使用Ajax读取XML数据
最新推荐文章于 2020-10-05 11:01:59 发布
最新推荐文章于 2020-10-05 11:01:59 发布 · 120 阅读 · 0
文章标签：

#XML #Ajax #JavaScript #Microsoft #HTML #ViewUI

本文介绍了一种使用Ajax技术从服务器获取XML格式数据的方法。通过JavaScript实现了一个简单的客户端请求，该请求能够发送GET请求并解析返回的XML数据。演示了如何创建XMLHttpRequest对象，并在接收到响应时处理XML数据。
http://hi.baidu.com/honfei/blog/item/314bb4f544c4c323bc3109c7.html
用Ajax读取XML格式的数据，只需要读取XMLHttpRequest对象返回的responseXML属性即可。代码如下：

　　1、Client - helloworld.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ajax Hello World</title>
<script type="text/javascript">
var xmlHttp;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}

function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null);
}catch(exception){
alert("您要访问的资源不存在!");
}
}

function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得XML的DOM对象
var xmlDOM = xmlHttp.responseXML;
// 取得XML文档的根
var root = xmlDOM.documentElement;
try
{
// 取得<info>结果
var info = root.getElementsByTagName('info');
// 显示返回结果
alert("responseXML's value: " + info[0].firstChild.data);
}catch(exception)
{

}
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="return ajax responseXML's value"
onclick="startRequest();" />
</div>
</body>
</html>


2、Server - data.xml
<?xml version="1.0" encoding="GB2312" ?>
<root>
<info>hello world!</info>
</root>

iteye_11894
关注
ajax 读取 XML 文件
11-23
一个小小的 ajax 读取 xml文件的 小小demo，代码很简单 简洁。极易看懂
Ajax读取XML文件实例
07-21
利用Ajax读取XML文件实例，实现简单的无刷新效果
用Ajax读取xml文件的简单例子
10-30
Ajax的原理很简单，就是在客户端创建一个XMLHttpRequest对象（用来与服务器进行异步通信，这就是Ajax的核心，其实我们早就在用异步通信了，只是没把这项技术用在网页设计中而已），为该对象的onreadystatechange 属性添加一个事件，当对象的readyState改变的时候就会引发指定的事件。
ajax方法读取xml文件数据
速冻的博客
12-03 366
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &...
jQuery基于Ajax实现读取XML数据功能示例
10-18
在本示例中，将介绍如何使用jQuery结合Ajax技术实现读取XML格式的数据。XML（Extensible Markup Language，可扩展标记语言）是一种用于存储和传输数据的标记语言，它独立于平台和语言，常被用于网络数据的交换。 ...
JS使用ajax从xml文件动态获取数据显示的方法
12-04
在实际应用中，可以根据需求调整XML结构和解析方法，以适应不同的数据格式。 总结来说，这个实例展示了如何利用AJAX技术动态加载XML数据并在网页上呈现。这种方法可以广泛应用于各种需要实时更新数据的Web应用程序...
用Ajax读取XML格式的数据[转]
weixin_30311605的博客
08-16 106
1、Client - helloworld.htm<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Ajax Hello World</tit...
Ajax读取xml
零怀念的博客
09-16 1741
一、向服务端读取xml  页面jsp的Ajax读取xml和上一篇的Ajax读取方法一样，只不过responseText变成了responseXML。 &lt;%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/9/16 Time: 11:47 To change this template use Fi...
ajax读取xml
u010782160的专栏
11-11 516
xml 代码 如下                     file/三分屏/样式1/index.html   file/三分屏/样式1/1.jpg   三分屏   第三方物流实践课程体系介绍       file/三分屏/样式2/index.html   file/三分屏/样式2/1.jpg   教育培训远程研修课程   健康领域的理解与实施
Ajax读取XML数据
青椒盖饭的博客
01-08 1750
最早的Ajax推出的时候实际上只给出了两类数据 文本数据:最初只是虚妄简单的返回一些处理标记(后来功能得到了扩充) XML数据:是为了携带更多的数据返回, 假设有如下的XML数据 &lt;?xml version="1.0" encoding="utf-8" standalone="no"?&gt; &lt;shop&gt; &lt;book id="1"&gt;
Ajax读取XML文件
天涯~的博客
03-07 895
当用户点击“获得 CD 信息”这个按钮时，就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。 当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符：
ajax 读取 xml文件
男儿当自强
07-18 1000
/* url:xml的路径 id:要显示的div的id */ function ajaxLoader(url,id) { if (document.getElementById) { var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); }
ajax读取xml文件
xwchen的专栏
09-03 825
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Ajax Hello World var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } els
Jquery | ajax 读取xml 文件
Fanbin168的专栏
05-20 2315
《1》 using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.IO; using System.Linq; using System.Web; using System.Xml.
Jquery Ajax 读取XML 数据
weimou66
08-01 207
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="JqueryAjax_Default" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww
Ajax 读取 XML 文件中的数据源代码
qq5132834的专栏
11-23 505
废话不多说，代码如下： Ajax.jsp代码             var xmlHttp;   function createXMLHttp(){    if(window.XMLHttpRequest){     xmlHttp = new XMLHttpRequest();    }else{     xmlHttp = new ActiveXObje
ajax请求获取xml
方寸间的博客
10-05 346
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> <script>
深入理解Ajax与XML格式数据传输技术
通过AJAX技术，页面可以无需全面刷新就更新数据，而XML则提供了一种结构化且具有广泛兼容性的数据格式。在开发过程中，开发者需要关注如何通过服务器端的逻辑来创建和返回结构化的XML数据，以及如何在客户端解析这些...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值