欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jquery解析XML示例代碼

 更新時間：2014年09月05日 18:12:20   投稿：whsnow  
這篇文章通過示例為大家介紹了使用jquery解析XML的方法,經(jīng)測試比較實用，需要的朋友可以參考下

xml文件結構:books.xml

<?xml version="1.0" encoding="UTF-8"?>
<root>
<book id="1">
<name>深入淺出extjs</name>
<author>張三</author>
<price>88</price>
</book>
<book id="2">
<name>鋒利的jQuery</name>
<author>李四</author>
<price>99</price>
</book>
<book id="3">
<name>深入淺出flex</name>
<author>王五</author>
<price>108</price>
</book>
<book id="4">
<name>java編程思想</name>
<author>錢七</author>
<price>128</price>
</book>
</root>

頁面代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$.post('books.xml',function(data){
//查找所有的book節(jié)點
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+"&nbsp;&nbsp;&nbsp;&nbsp;"+name+"&nbsp;&nbsp;&nbsp;&nbsp;"+author+"&nbsp;&nbsp;&nbsp;&nbsp;"+price+"<br>";
});
$('#mydiv').html(s);
});
});
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>

效果圖:

相關文章

  • 基于jQuery UI CSS Framework開發(fā)Widget的經(jīng)驗

    基于jQuery UI CSS Framework開發(fā)Widget的經(jīng)驗

    jQuery UI CSS Framework是jQuery UI中的一個樣式框架，可以利用jQuery Theme roller 來生成自己想要的css樣式效果。我們可以利用jQuery UI的一些框架來開發(fā)出基于jQuery UI CSS Framework效果的插件來。
    2010-08-08
  • jQuery實現(xiàn)在列表的首行添加數(shù)據(jù)

    jQuery實現(xiàn)在列表的首行添加數(shù)據(jù)

    這篇文章主要介紹了jQuery實現(xiàn)在列表的首行添加數(shù)據(jù)的方法，十分的簡單，有需要的小伙伴可以參考下。
    2015-05-05
  • jQuery利用sort對DOM元素進行排序操作

    jQuery利用sort對DOM元素進行排序操作

    這篇文章主要為大家詳細介紹了JQuery利用sort對DOM元素進行排序的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-11-11
  • 基于jquery的手風琴圖片展示效果實現(xiàn)方法

    基于jquery的手風琴圖片展示效果實現(xiàn)方法

    這篇文章主要介紹了基于jquery的手風琴圖片展示效果實現(xiàn)方法,涉及jQuery基于事件實現(xiàn)改變css樣式的方法,非常具有實用價值,需要的朋友可以參考下
    2014-12-12
  • JQuery入門——用bind方法綁定事件處理函數(shù)應用介紹

    JQuery入門——用bind方法綁定事件處理函數(shù)應用介紹

    bind()功能是為每個選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對象的額外數(shù)據(jù)對象,好好學習希望本可以幫助到你
    2013-02-02
  • 基于Jquery+Ajax+Json的高效分頁實現(xiàn)代碼

    基于Jquery+Ajax+Json的高效分頁實現(xiàn)代碼

    分頁我相信大家存儲過程分頁已經(jīng)很熟悉了，ajax更是耳熟能詳了，更別說我們的json，等等
    2011-10-10
  • JQuery AJAX提交中文亂碼的解決方案

    JQuery AJAX提交中文亂碼的解決方案

    JQuery是一個非常優(yōu)秀的框架，在特定場合下使用JQuery提交數(shù)據(jù)，相當?shù)姆奖憧旖荨?但是，在處理一個GB2312編碼的網(wǎng)站AJAX提交時，中文數(shù)據(jù)卻成了亂碼。
    2010-07-07
  • jQuery 一個圖片切換的插件

    jQuery 一個圖片切換的插件

    B/S開發(fā)的朋友，首頁常常需要一些新聞圖片切換的特效，鑒于jQuery良好的插件開發(fā)機制，我也常常自己寫一些實用的小插件，這里分享一個新聞圖片切換插件
    2011-10-10
  • 使用jquery給input和textarea設定ie中的focus

    使用jquery給input和textarea設定ie中的focus

    在瀏覽網(wǎng)站的過程中，我們經(jīng)?？梢钥匆姰斒髽它c擊后樣式改變的文本框和文本域,那么這種效果是如何實現(xiàn)的呢?
    2008-05-05
  • 老生常談combobox和combotree模糊查詢

    老生常談combobox和combotree模糊查詢

    下面小編就為大家?guī)硪黄仙Ｕ刢ombobox和combotree模糊查詢。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04

最新評論