ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery で AJAX を使用して XML データをロードおよび解析する

jQuery で AJAX を使用して XML データをロードおよび解析する

黄舟
黄舟オリジナル
2016-12-21 15:07:55933ブラウズ

/******1,Content-Type

02 多くの場合、解析の失敗は Content-Type に問題があります。

03 XML ファイルの場合は、この手順をスキップしてください。

04 動的に生成された XML は text/xml に設定する必要があります。それ以外の場合、デフォルトは通常のテキストである text/html です。

05 共通言語の Content-Type 設定*********/

06

07 header("Content-Type:text/xml"); //php

08 response.ContentType="text/xml" //asp

09 response.setHeader("ContentType","text/xml");  //jsp

10 /******

11 2. XML 構造。

12 XML は閉じる必要があります。これは非常に重要です。

13 例:

14 間違った XML*************/

15

16    

17 zhangsan    

18 1    

19 リシ    

20 2    

21

22 //正确的

23

24    

25 <スチュリスト>    

26 <生徒のメールアドレス="1@1.com">    

27 zhangsan    

28 1    

29 学生>    

30    

31 リシ    

32 2    

33    

34    

35

36 /******

37 3. 分析

38 以下は macnie のリファレンスです

39 学生のトラバース (上記の XML はここでも使用されており、子ノードは学生です)*********/

40

41

42 $.ajax({

43 url:'ajax.asp',

44 タイプ: 「GET」、

45 dataType: 'xml',//ここでは書けませんが、限界别写textまたは者html!!!

46 timeout: 1000,

47 error: function(xml){

48 alert('Error読み込み中XML ドキュメント'+xml);

49 },

50 success: function(xml){

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

52 var id= $(this).children("id"); //取对象

53 var idvalue=$(this).children("id").text(); //取文本

54 alert(id_value); // ここは ID の値です。

55 alert($(this).attr("email")); // ここでは学生の電子メールのプロパティを表示できます。

56 // 最後に出力されました。个ですcssrain的写法、似比macnie更JQ一点

57 $('
  • ')

    58 .html(id_value)

    59 .appendTo('ol');

    60 } );

    61 }

    62 });    

    63

    64 //最後に追加: サーバーが utf-8 でエンコードされていることを確認してください。そうでないと文字化けします。また、xml ファイルも utf-8 形式であることを確認してください。


    上記は、jQuery で AJAX を使用して XML データをロードおよび解析する内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


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