當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

使用jquery解析xml

發布時間：2023/11/30 编程问答 33 豆豆

生活随笔收集整理的這篇文章主要介紹了使用jquery解析xml 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

使用Jquery解析XML： ?$.ajax({ ??????url: 'ajax/test.xml', ??????dataType : 'xml', ??????cache: false,? ????? success: function(xml)?{ ??????????? $("AUTHOR", xml).each(function(id) { ???????????????? AUTHOR = $("AUTHOR", xml).get(id); ???????????????? alert($("FIRSTNAME", AUTHOR).text()); ???????????????? alert($("LASTNAME", AUTHOR).text()); ??????????? }); ????? } ?}); 以上方式：IE7無法通過，Firefox可以運行。可以使用以下方式來獲取XML節點內容： ?$.ajax({ ??????url: 'ajax/test.xml', ??????dataType : 'xml', ??????cache: false,? ????? success: function(xml)?{ ??????????? $("AUTHOR", xml).each(function(id) { ???????????????? //AUTHOR = $("AUTHOR", xml).get(id); ???????????????? alert($(this).children("FIRSTNAME").text()); ???????????????? alert($(this).children("LASTNAME").text()); ??????????? }); ????? } ?}); 1,Content-Type 很多時候無法解析就是Content-Type的問題。(呵呵,我第一次做ajax的時候,就遇到這個問題.) 一定要將其設置為text/xml，否則默認就是text/html也就是普通的文本了。常見語言的Content-Type設置 CODE: header("Content-Type:text/xml");??? //php response.ContentType="text/xml"?? //asp response.setHeader("ContentType","text/xml");? //jsp?? (我上次這沒寫,結果返回是一個 "" )
2，xml結構。 XML一定要封閉的，很重要！ (這個我一般不會范,我還是算比較細心的.) 例：錯誤的XML Xml代碼

CODE: ??

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

????????<name>zhangsan</name>??

????????<id>1</id>??

????????<name>lisi</name>??

????????<id>2</id>??

正確的??

CODE: ??

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

<stulist>??

????????<student??email="1@1.com">?? ??

????????????????<name>zhangsan</name>? ??

????????????????<id>1</id>??

????????</student>??

????????<student??email="2@2.com">??

???????????????<name>lisi</name>??

????????????????<id>2</id>??

????????</student>??

</stulist>??

CODE: <?xml version="1.0" encoding="UTF-8"?> <name>zhangsan</name> <id>1</id> <name>lisi</name> <id>2</id> 正確的 CODE: <?xml version="1.0" encoding="UTF-8"?> <stulist> <student email="1@1.com"> <name>zhangsan</name> <id>1</id> </student> <student email="2@2.com"> <name>lisi</name> <id>2</id> </student> </stulist> 3,解析 遍歷student（這里還是用上面那個XML，子節點是student) CODE: Js代碼

$.ajax({ ??

????url:'ajax.jsp', ??

????type:?'GET', ??

????dataType:?'xml', ??

????timeout:?1000, ??

????error:?function(xml){ ??

????????alert('Error?loading?XML?document'+xml); ??

????}, ??

????success:?function(xml){ ??

????????$(xml).find("student").each(function(i){ ??

????????????var?id=$(this).children("id");???//取對象 ??

????????????var?id_value=$(this).children("id").text();??//取文本?或者?$("id"?,?xml).text();? ??

????????????alert(id_value);//這里就是ID的值了。 ??

????????????alert($(this).attr("email"));?//這里能顯示student下的email屬性。 ??

????????????$('<li></li>').html(id_value).appendTo('ol'); ??

????????}); ??

????} ??

});??