Ajax获取XML格式的数据
生活随笔
收集整理的這篇文章主要介紹了
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格式的数据的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 竹子的用途
- 下一篇： .net core 不启用 https_