用Ajax读取XML格式的数据

最新推荐文章于 2024-04-27 21:28:01 发布
最新推荐文章于 2024-04-27 21:28:01 发布
阅读量577 收藏
点赞数
分类专栏： AJAX 文章标签： ajax xml xmlhttprequest exception function xhtml
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"
                 οnclick="startRequest();" />
    </div>
</body>
</html>


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

digyso888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax 读取 XML 文件
11-23
一个小小的 ajax 读取 xml文件的 小小demo，代码很简单 简洁。极易看懂
ajax方法读取xml文件数据
速冻的博客
12-03 210
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &...
用Ajax读取XML格式的数据[转]
weixin_30311605的博客
08-16 55
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 1653
一、向服务端读取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 441
xml 代码 如下                     file/三分屏/样式1/index.html   file/三分屏/样式1/1.jpg   三分屏   第三方物流实践课程体系介绍       file/三分屏/样式2/index.html   file/三分屏/样式2/1.jpg   教育培训远程研修课程   健康领域的理解与实施
用Ajax读取xml文件的简单例子
10-30
Ajax的原理很简单，就是在客户端创建一个XMLHttpRequest对象（用来与服务器进行异步通信，这就是Ajax的核心，其实我们早就在用异步通信了，只是没把这项技术用在网页设计中而已），为该对象的onreadystatechange ...
jQuery基于Ajax实现读取XML数据功能示例
10-18
主要介绍了jQuery基于Ajax实现读取XML数据功能,结合实例形式分析了jQuery基于ajax的get方式获取xml文件数据并输出显示相关操作技巧,需要的朋友可以参考下
Ajax读取XML数据
青椒盖饭的博客
01-08 1676
最早的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 805
当用户点击“获得 CD 信息”这个按钮时，就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。 当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符：
Ajax读取XML文件实例
07-21
利用Ajax读取XML文件实例，实现简单的无刷新效果
ajax 读取 xml文件
男儿当自强
07-18 903
/* 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 766
"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 2241
《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 151
&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 454
废话不多说，代码如下： Ajax.jsp代码             var xmlHttp;   function createXMLHttp(){    if(window.XMLHttpRequest){     xmlHttp = new XMLHttpRequest();    }else{     xmlHttp = new ActiveXObje
ajax请求获取xml
方寸间的博客
10-05 267
<!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基本操作）
时意
09-09 313
接着上一篇 的切换二哈的 ~栗子~ 修改一下 https://blog.csdn.net/q465162770/article/details/100592867 因为我们在实际项目中很少用到字符串 传输数据因为字符串需要 对字符分割 处理等 如果字符的分割ID 被重用 数据就会不准确比方 我们要用 | 号还进行分割字符串 但是数据里 有 字符带有 |美丽的小姐|| 帅气的哥哥| 本意...
AJAX&Vue
最新发布
m0_69266818的博客
04-27 1012
详细介绍了vue，axios，es6，json
ajax 什么数据格式才能被@RequestBody接收
06-13
这用中，@RequestBody 可以接收多种数据格式，包括： 1. JSON 格式数据：可以使用 Jackson 库将里是网站内容的主要部分。 这里是网站内容的主要部分。数据转换为 Java 对象，例如： ```java @PostMapping("/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值