jQuery ajax读取并解析可扩展置标语言文件的方法

本文实例讲述了jQuery ajax读取并解析可扩展置标语言文件的方法。分享给大家供大家参考，具体如下：

ajax.xml:

？可扩展标记语言版本='1.0 '编码='UTF-8 '？stulist学生电子邮件='[email protected]'姓名张三/姓名id1/id/学生学生电子邮件='[email protected]' name Lisi/name id2/id/stu/stu列表演示。html:

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题加载XML/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/meta name=' generator ' content=' edit plus '/script type=' text/JavaScript ' src=' http : js/jquery-1。10 .1 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $(' button ')).单击(函数(){ $).ajax({ url:'xml/ajax.xml '，type: 'GET '，dataType: 'xml '，timeout: 1000，cache:false，error:函数(xml){ alert('加载可扩展置标语言文档出错');}，成功：函数(xml){ //建立一个代码片段var frag=$(' ul/')；//遍历所有学生节点$(xml).查找('学生')。每个（函数{//获取编号节点var id=$(this).子代(' id ')，//获取节点文本id_value=id.text()，//获取学生下的电子邮件属性电子邮件=$(这个)。attr('电子邮件');//构造超文本标记语言字符串，通过附加方法添加进之前建立代码片段弗拉格。追加(' Li ' id _ value '-' email '/Li ')；});//最后得到的蓄意杀伤添加进超文本标记语言文档中弗拉格。appendo(' # load ')；} });});});/script/head dybutton加载/button div id=' load '/div/body/html效果图：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jquery中Ajax用法总结》 、 《jQuery form操作技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery操作json数据技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

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