[转]jQuery 读取 xml
生活随笔
收集整理的這篇文章主要介紹了
[转]jQuery 读取 xml
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
XML 文件內容: <?xml version="1.0" encoding="UTF-8"?>
<stulist><student email="1@1.com"> <name>zhangsan</name><id>1</id></student><student email="2@2.com"><name>lisi</name><id>2</id></student>
</stulist>
html 文件內容:
<!DOCTYPE html> <html> <head><title> jQuery 解析 XML </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function() {$("button").click(function(){$.ajax({url:'ajax.xml',type: 'GET',dataType: 'xml',timeout: 1000,cache:false,error: function(xml){alert('加載XML文檔出錯');},success: function(xml){//建立一個代碼片段var frag=$("<ul/>");//遍歷所有student節點 $(xml).find("student").each(function(i){//獲取id節點var id=$(this).children("id"), //獲取節點文本 id_value=id.text(), //獲取student下的email屬性。 email=$(this).attr("email");//構造HTML字符串,通過append方法添加進之前建立代碼片段 frag.append("<li>"+id_value+"-"+email+"</li>");});//最后得到的frag添加進HTML文檔中 frag.appendTo("#load");}});});});</script> </head> <body> <button>加載</button> <div id="load"></div> </body> </html>?
$.ajax({url: "xml/menu.xml",dataType: 'xml',type: 'GET',timeout: 2000,cache: false,error: function(xml) {alert("加載菜單時出錯!");},success: function(xml) {//建立一個代碼片段var frag = $("<ul/>");//遍歷所有student節點$(xml).find("Root>Node:parent").each(function(i) {//獲取student下的email屬性。var text = $(this).attr("Text"),href = $(this).attr("NavigateUrl"),key = $(this).attr("KeyIndex");//構造HTML字符串,通過append方法添加進之前建立代碼片段frag.append("<li>" + text +"_"+href+ "_"+key+ "</li>");});//最后得到的frag添加進HTML文檔中frag.appendTo("#load");}});?
轉載于:https://www.cnblogs.com/z5337/p/5124404.html
總結
以上是生活随笔為你收集整理的[转]jQuery 读取 xml的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: notepad++每行首尾添加内容
- 下一篇: 网关的理解