JQueryでAJAXでXMLをロードして解析するスクリプトを実現

1858 ワード

1,Content-Type
解析できないことが多いのが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の符号化であることを保証する