Ajax获取XML格式的数据

XML格式数据的解析

优点：

XML是一种通用的数据格式。
不必把数据强加到已定义好的格式中，二是要为数据自定义合适的标记
利用DOM可以完全掌控文档。

缺点：

如果文档来自于服务器，就必须得保证文档含有正确的首部信息。若文档类型不正确，那么response XML的值是空的。
当浏览器接受到长的XML文件后， DOM解析可能会很复杂。

解析XML代码如下：

1、xml文件（文件名为：test.xml）：

<?xml version="1.0" encoding="utf-8" ?>
<details><name>JBK</name><website>http://baidu.com/</website><email>15204510180@163.com</email>
</details>

2、js解析文件：

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script>window.onload = function () {var  as= document.getElementsByTagName("a");for(var i=0;i< as.length;i++){as[i].onclick= function () {var request = new XMLHttpRequest();var url = this.href;var method="GET";request.open(method,url);request.send(null);request.onreadystatechange= function () {if( request.readyState==4){if(request.status==200||request.status==304){
//                                1、结果为XML格式,所以需要使用responseXML;var result=request.responseXML;
//                                2、结果不能直接使用,必须先创建对应但节点,再把节点加入到#detail中
//                                目标格式为:
//                                      <h2><a href="mailto:15204510180@163.com">JBK</a></h2>
//                                      <a href="http://baidu.com/">http://baidu.com</a>var name=result.getElementsByTagName("name")[0].firstChild.nodeValue;var website=result.getElementsByTagName("website")[0].firstChild.nodeValue;var email=result.getElementsByTagName("email")[0].firstChild.nodeValue;//alert(name);//alert(website);//alert(email);var aNode=document.createElement("a");aNode.appendChild(document.createTextNode(name));aNode.href="maelto:"+email;var hNode=document.createElement("h2");hNode.appendChild(aNode);var aNode1=document.createElement("a");aNode.appendChild(document.createTextNode(website));aNode.href=website;var dNode=document.getElementById("details");dNode.innerHTML="";dNode.appendChild(aNode);dNode.appendChild(aNode1)}}}return false;}}}</script>
</head>
<body>
<a href="test.xml">1</a>
<a href="test.xml">2</a>
<a href="test.xml">3</a>
<a href="test.xml">4</a>
<div id="details"></div></body>
</html>

Ajax获取XML格式的数据相关推荐

使用PHP生成和获取XML格式数据
生成XML格式数据假设系统中有一张学生信息表student,需要提供给第三方调用,并有id,name,sex,age分别记录学生的姓名.性别.年龄等信息. CREATE TABLE 'student ...
使用JSP的标准标签库JSTL处理XML格式的数据
JSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用的通用核心功能. 下载地址:https://archive.apache.org/dist/jakarta/taglibs/stan ...
中国天气网天气预报API接口城市代码，XML格式，数据具体到县、区级别
2019独角兽企业重金招聘Python工程师标准>>> 说到开发天气预报,就需要找一个开放接口了,接口有很多,不过个人觉得,中国天气网的数据比较准确,而且也有权威性.访问地址如:ht ...
中国天气网天气预报API接口城市代码，XML格式，数据具体到县区级别
http://blog.csdn.net/lun379292733/article/details/17339271 说到开发天气预报,就需要找一个开放接口了,接口有很多,不过个人觉得,中国天气网的数 ...
ajax的几种格式,jQuery-----jQuery的几种ajax获取json格式数据的方法
该楼层疑似违规已被系统折叠隐藏此楼查看此楼后台将对象转换成json格式的字符串 public StringBuilder DataSetToJson(DataSet ds) {//把**中的数据转 ...
mui.ajax php,求助！！！关于mui ajax获取不到后台数据
js代码如下 mui.ajax('ajax.php', { dataType: 'json', //服务器返回json格式数据 type: 'post', //HTTP请求类型 headers: { ...
接口返回xml格式的数据_接口测试之Jmeter串联xml数据格式请求
点击上方蓝色字体,关注我们要求 1.测试支付及支付检测两个接口 2.支付及检测的接口请求为xml格式 3.支付请求数据要多组不一样的数据 4.每个接口请求有些参数要求全局唯一 5.模拟正常场景,支付 ...
jquery的ajax获取form表单数据
jq是对dom进行的再次封装.是一个js库,极大简化了js使用 jquery库在js文件中,包含了所有jquery函数,引用: 这里主要介绍jquery获取页面form数据使用的过程 html页面代码 ...
java接收xml数据_关于java后台如何接收xml格式的数据
业务场景:用户发送下单请求,格式为xml格式,服务器接收数据完成下单,并返回结果给客户. 请求格式: 这段请求报文是xml格式的,在后台我们可以使用 javax.xml.bind.annotation ...

Ajax获取XML格式的数据

XML格式数据的解析

优点：

缺点：

解析XML代码如下：

Ajax获取XML格式的数据相关推荐

最新文章

热门文章