jq ajax xml,jQuery基于Ajax实现读取XML数据功能示例

本文实例讲述了jQuery基于Ajax实现读取XML数据功能。分享给大家供大家参考，具体如下：

www.jb51.net jQuery使用ajax获取xml

$(document).ready(function () {

$("#Display").click(function () {

$("#message").html('');

$.ajax({

type: "GET",

url: "Friend.xml",

dataType: "xml",

success: function (ResponseText) {

var table = "

firstname

lastname

city

$(ResponseText).find('friend').each(function () {

var first = $(this).find('firstName').text();

var last = $(this).find('lastName').text();

var city = $(this).find('city').text();

table += "

" + first + "" + last + "" + city + "";

})

table += "

";

$("#message").append(table);

}

});

});

});

Display My Friends

Friend.xml：

Guo

Hu

Shanghai

PuDong

Lei

Hu

hubei

xiantao

JunWen

Li

hubei

wuhan

Jinhao

Liu

ShanXi

Taiyuan

Cheng

Fang

GuangDong

GuangZhou

运行结果：

PS：这里再为大家提供几款关于xml操作相关在线工具供大家参考使用：

希望本文所述对大家jQuery程序设计有所帮助。