亚洲制服中文字幕第一区,亚洲色图古典武侠,亚洲人成网站色7799

輕松使用jquery解析XML

xml文件結構:books.xml

<?xml version="1.0" encoding="UTF-8"?>

<root>

<name>深入淺出extjs</name>

</book>

<name>鋒利的jQuery</name>

</book>

<name>深入淺出flex</name>

</book>

<name>java編程思想</name>

</book>

</root>

頁面代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>jquery解析xml</title>

$(function(){

$.post('books.xml',function(data){

//查找所有的book節點

var s="";

$(data).find('book').each(function(i){

var id=$(this).attr('id');

var name=$(this).children('name').text();

var author=$(this).children('author').text();

var price=$(this).children('price').text();

s+=id+"    "+name+"    "+author+"    "+price+"<br>";

});

$('#mydiv').html(s);

});

</script>

</head>

<body>

</body>

</html>

效果圖:

完整示例下載

posted on 2010-07-10 12:28 雪山飛鵠閱讀(11872) 評論(6) 編輯收藏所屬分類: js

Feedback

# re: 輕松使用jquery解析XML 2010-07-10 18:36 weask

不錯。。。回復更多評論

# re: 輕松使用jquery解析XML 2010-07-13 08:58 liucr

很巧妙！不錯！回復更多評論

# re: 輕松使用jquery解析XML 2011-07-18 09:20 艾波

不錯。。。！回復更多評論

# re: 輕松使用jquery解析XML 2013-09-03 16:29 渝城家

???我怎么什么都沒有出來？回復更多評論

# re: 輕松使用jquery解析XML[未登錄] 2015-02-04 19:38 taotao

$.post('books.xml',function(data){

這里的post應該是get，筆誤了吧？回復更多評論

# re: 輕松使用jquery解析XML 2016-04-25 15:37 tht

沒有東西出來，誰知道找出錯在哪里？回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: jquery post 中文亂碼解決方案 Iframe高度自適應問題[子頁面控制父頁面高度] Iframe高度自適應問題【轉】用原生JavaScript做一個拖拽效果 -- 簡明現代魔法 IE瀏覽器上傳文件時本地路徑變成”C:\fakepath\”的問題 IFrame高度自適應 js導出表格數據到word、excel 分享一下基于Jquery easy ui的后臺管理界面基于servlet的文件異步上傳 js打印

雪山飛鵠

公告

常用鏈接

留言簿(18)

隨筆分類(222)

隨筆檔案(214)

文章檔案(1)

收藏夾(67)

我的鏈接

搜索

最新評論

閱讀排行榜

評論排行榜

Feedback