用JavaScript解析XML數據是常見的編程任務,JavaScript能做的,JQuery當然也能做。下面我們來總結幾個使用JQuery解析XML的例子。
第一種方案:
01 |
<script type= "text/javascript" > |
02 |
$(document).ready( function () { |
06 |
success:
function (data){ |
08 |
$(data).find( "channel" ).find( "item" ).each( function (index,
ele) { |
09 |
var
titles = $(ele).find( "title" ).text(); |
10 |
var
links = $(ele).find( "link" ).text(); |
11 |
console.log(titles+ '-----' ); |
12 |
$( "#noticecon" ).find( 'ol' ).append( '<li><a
href="' +links+ '">' +titles+ '</a></li>' ); |
第二種方案:
01 |
<script type= "text/javascript" > |
03 |
$(data).find( 'channel' ).find( 'item' ).each( function (index,
ele){ |
04 |
var
titles = $(ele).find( 'title' ).text(); |
05 |
var
links = $(ele).find( 'link' ).text(); |
06 |
$( "#noticecon" ).find( 'ol' ).append( '<li><a
href="' +links+ '">' +titles+ '</a></li>' ); |
一般步驟如下:
1. 讀取xml文件
1 |
$.get( "xmlfile.xml" , function (xml){ |
2. 讀取xml內容
如果讀取的xml是來於xml文件,這結合上面的那點,處理如下:
1 |
$.get( "xmlfile.xml" , function (xml){
|
2 |
$(xml).find( "item" ).length;
|
如果讀取的是xml字符串,則要注意一點,xml字符串的必然被"<xml>"和"</xml>"包圍纔可以被解析
1 |
$( "<xml><root><item></item></root></xml>" ).find( "item" ).length; |
解析xml內容:
示例xml:
01 |
<?xml version= "1.0"
encoding= "utf-8"
?> |
04 |
<fieldname>dsname</fieldname> |
05 |
<datatype>字符</datatype> |
08 |
<fieldname>dstype</fieldname> |
09 |
<datatype>字符</datatype> |
以下是解析示例代碼:
1 |
$(xml).find( "field" ).each( function () { |
3 |
var
fName = field.attr( "Name" ); |
4 |
var
dataType = field.find( "datatype" ).text(); |