1. 程式人生 > >JQuery載入並解析XML

JQuery載入並解析XML

1、簡述

    XML(eXtensible Markup Language)即可擴充套件標記語言,與HTML一樣,都是屬於SGML標準通用語言。

2、 Content-Type

    很多情況下XML檔案不能正常解析都是由於Content-Type沒有設定好。如果Content-Type本身就是一個XML檔案則不需要設定;如果是由後臺程式動態生成的,那麼就需要設定Content-Type為“text/xml”,否則JQuery會以預設的“text/html”方式處理,導致解析失敗。以下是幾種常見語言中設定Content-Type的方式。

header("Content-Type:text/xml");     //PHP
response.ContentType = "text/xml";   //ASP
response.setContentType("text/xm");  //JSP
3、建立例項XML文件(Student.xml)
<?xml version="1.0" encoding="utf-8" ?>
<stulist>
  <student email="[email protected]">
    <name>peter</name>
    <id>1</id>
  </student>

  <student email="[email protected]">
    <name>ken</name>
    <id>2</id>
  </student>
</stulist>
4、獲取XML
$(document).ready(function() {
    $.ajax({
        url: '/xml/Student.xml',
        type: 'GET',
        dataType: 'xml',
        timeout: 1000,  //設定超時
        cache: false,   //禁用快取
        error: function(xml) {
            alert("載入XML文件出錯!");
        },
        success: GetStudentComplete   //設定成功後回撥函式
    });
});
    通過JQuery的Ajax函式進行讀取。

5、 解釋XML

//獲取XML成功後回撥函式
function GetStudentComplete(xml) {
    $(xml).find("student").each(function(i) {     //查詢所有student節點並遍歷
        var id = $(this).children("id");          //獲得子節點
        var id_vaule = id.text();                 //獲取節點文字
        var email_vaule = $(this).attr("email");  //獲取節點的屬性
        alert(id_vaule);
        alert(email_vaule);
    });
}
    解析XML文件與解析DOM一樣,也可以用find()、children()等函式來解析和用each()方法來進行遍歷,另外也可以用text()和attr()方法來獲取節點文字和屬性。

相關推薦

JQuery 載入解析 XML實現省市聯動

/* * jquery通過$.get()或者$.post()方法來解析並載入xml檔案 * * * 以$.get(url,callback)方法為例 * * url

JQuery載入解析XML

1、簡述     XML(eXtensible Markup Language)即可擴充套件標記語言,與HTML一樣,都是屬於SGML標準通用語言。 2、 Content-Type     很多情況下XML檔案不能正常解析都是由於Content-Type沒有設定好。如果Co

jquery動態載入解析xml至ul

做前臺廣告模組,將廣告的資訊(網址,圖片路徑)存入xml便於修改 ad.xml: <?xml version="1.0" encoding="UTF-8"?> <ads> <ad> <href>http://www.meituan.c

Android 客戶端使用udp傳送請求解析xml

1,UDP請求客戶端 package udp; /** * <author> cwj * <time> 2018/8/27 15:29 * <version> * <desc>UDP客戶端 **/ public class

Java接收Cordys中webservice介面的返回資料解析xml獲取相應節點資料

在做專案的過程中,需要用Java呼叫Cordys的webservice介面的返回資料,眾所周知,webservice返回的資料是xml形式的,那麼我們怎樣獲取相關節點下的資料呢? 處理之前返回的資料格式如下: <soap:Envelope xmln

遠端抓取頁面資訊解析XML

XmlTransfer.java  負責連結對方伺服器 package untitled1; import java.net.URL;import java.net.URLConnection;import java.net.HttpURLConnection;import

【dom4j 】dom4j 生成解析xml檔案

使用場景:最近參與了一個寫三方介面的專案,期間學了一些小知識,記錄一下。 一、XML和JSON兩種資料交換格式的比較 XML:extensible markup language,一種類似於HTML的語言,他沒有預先定義的標籤,使用DTD(docum

springMVC框架下JQuery傳遞解析Json資料

json作為一種輕量級的資料交換格式,在前後臺數據交換中佔據著非常重要的地位。Json的語法非常簡單,採用的是鍵值對錶示形式。JSON 可以將 JavaScript 物件中表示的一組資料轉換為字串,然後就可以在函式之間輕鬆地傳遞這個字串,或者在非同步應用程式中將字串從 We

Android—(獲取解析xml和Json)

思維導圖:            Android的網路程式設計中去拿伺服器的資料,一般只採用兩種方式。XML和Json,所以今天我們簡單做一個案列示範, 其他複雜的都離不開這最基礎的步驟。 效果圖: 佈局: 輸出結果:  xml解析 json解析   第一步:我們需

Asp 解析 XML分頁顯示

request pow 1.8 blank -h syn obj margin normal Asp 解析 XML並分頁顯示 Asp 解析 XML並分頁顯示,演示樣例源代碼例如以下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM

jquery請求解析xml

實現 需要 請求 color 標簽 裏的 blog 實驗 nbsp 我們使用jque.ajax來做這個實驗。其核心實現原理就是將請求回來的xml數據用$()選擇器封裝,然後進行傻瓜式操作。 代碼如下: 需要註意的是請求數據格式要聲明成:xml。不然不生效。 1 $.aja

[HTML]js讀取XML文件解析

sim test inner document back ner sof child 1.0 xml文件:test.xml <?xml version="1.0"?> <note> <to>George</to>

使用jquery解析xml

使用Jquery解析XML:  $.ajax({       url:'ajax/test.xml',       dataType: 'xml',

解析xml文件,xml文件中的資料拼接成insert語句

education.xml的內容是: <?xml version="1.0" encoding="utf-8"?> <Msg> <Head>   <Id>20140529100039</Id>   <Name&

dom4j解析xml 檔案 對其操作

程式碼例項 package cn.test.dom4jtest; import java.io.FileOutputStream; import java.util.List; import org.dom4j.Document; import org.dom4j.DocumentHel

使用Dom4j解析XML忽略約束

Java DOM4J解析器 介紹 DOM4J是一個開源的,基於Java的庫來解析XML文件,它具有高度的靈活性,高效能和記憶體效率的API。這是java的優化,使用Java集合像列表和陣列。它可以使用DOM,SAX,XPath和XSLT。它解析大型XML文件時具有極低的記憶體佔用。 優點

mxGraph程式設計之解析xml流程圖資料儲存至資料庫

mxGraph是一套前端流程圖控制元件庫,通過它,你可以表示出清晰的流程圖介面,可以更好地展示資料之間的相關性 mxGraph後臺儲存資料的時候用的是xml,雖然在上期我也說了,xml資料可以直接由mxGraph系統解析並加載出來,但是有些時候,我們需要將使用者拖拉出來的流程圖儲存起來,然後供我們

Tomcat7.0原始碼分析——server.xml檔案的載入解析

前言作為Java程式設計師,對於Tomcat的server.xml想必都不陌生。本文基於Tomcat7.0的Java原始碼,對server.xml檔案是如何載入和解析進行分析。載入過程分析Bootstrap的load方法用於載入Tomcat的server.xml,實際是通過反

Python3解析XML檔案存入Excel表中

1. XML檔案部分資料如下: <?xml version='1.0' encoding='UTF-8'?> <nvd xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://

VB呼叫WebService(直接Post方式)解析返回的XML

Function TodoTaskBySOAP(postURL As String,host As String, n As Integer,FilterItem() As String,OwnerSSICID() As String ,AppID() As String