ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery を使用して AJAX スクリプトを実装し、XML をロードして解析します_jquery

JQuery を使用して AJAX スクリプトを実装し、XML をロードして解析します_jquery

WBOY
WBOYオリジナル
2016-05-16 18:49:29909ブラウズ
1,Content-Type
多くの場合、解析の失敗は Content-Type に問題があります。
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
正しい
コード:
?xml バージョン = "1.0" エンコーディング = "UTF-8"?>

<名前> /name>
/id>
<学生メールアドレス="2@2.com">名前>

2


3、解析
>ここでは、macnie の
の学生のトラバースを示します (上記の XML はここでも使用されており、子ノードは学生です)


コードをコピー

コードは次のとおりです: $.ajax({ url:'ajax.asp', type: 'GET', dataType: 'xml', //ここに書く必要はありませんが、テキストや HTML は書かないでください!!!
timeout: 1000,
error: function(xml){
alert('XML ドキュメントの読み込みエラー' xml);
} ,
成功: 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")); //学生の下の電子メール属性をここに表示できます。
//最後の出力、これはmacnieよりエレガントなcssrainの書き方です
$('
  • ')
    .html(id_value)
    .appendTo('ol');
    });
    }
    });


    最後に追加すること: サーバーが utf でエンコードされていることを確認してください-8
    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。