JQueryでAJAXでXMLをロードして解析するスクリプトを実現
1858 ワード
1,Content-Type
解析できないことが多いのがContent-Typeの問題です.
xmlファイル自体がxmlファイルである場合は、このステップをスキップします.
動的に生成されたXMLは必ずtext/xmlに設定しなければなりません.そうしないと、デフォルトはtext/html、つまり普通のテキストになります.
共通言語のContent-Type設定
2,xml構造.
例:
誤ったXML
3、解析
ここでmacnieの
遍歴student(ここではやはり上のXML、サブノードはstudent)
最後に、サーバ側がutf-8の符号化であることを保証する
解析できないことが多いのがContent-Typeの問題です.
xmlファイル自体がxmlファイルである場合は、このステップをスキップします.
動的に生成されたXMLは必ずtext/xmlに設定しなければなりません.そうしないと、デフォルトはtext/html、つまり普通のテキストになります.
共通言語のContent-Type設定
header("Content-Type:text/xml"); //php
response.ContentType="text/xml" //asp
response.setHeader("ContentType","text/xml"); //jsp
2,xml構造.
例:
誤ったXML
CODE:
zhangsan
1
lisi
2
CODE:
zhangsan
1
lisi
2
3、解析
ここでmacnieの
遍歴student(ここではやはり上のXML、サブノードはstudent)
$.ajax({
url:'ajax.asp',
type: 'GET',
dataType: 'xml',// , text html!!!
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(); //
alert(id_value);// ID 。
alert($(this).attr("email")); // student email 。
// , cssrain , macnie JQ
$('
')
.html(id_value)
.appendTo('ol');
});
}
});
最後に、サーバ側がutf-8の符号化であることを保証する