Ajaxによるxml情報受信・処理動作の解析例

この記事では、Ajaxでxml情報の操作を受信して処理する例について説明します。参考までに、以下のように共有します。

Ajaxはxml情報の要求と受信を担当し、DOMはxml情報の処理を担当します。

DOMです。

phpでは、DOMはphpとxml（html）の橋渡しをするものです
JavaScriptでは、DOMはJavaScriptとhtml（xml）の間の橋渡し役です

サーバー側からクライアント側にxmlを返して、JavaScriptで処理する必要がある
Ajaxはxmlを要求する役割を担い、DOM（JavaScript）はxmlの情報を処理する役割を担っている
Ajax + JavaScriptでxml処理の受信を実現することで、後の静的サイト（html + css + JavaScript）の実装を容易にし、各インターフェイスのデータの処理を実現することができます。

カスタマイズされたxmlファイル

09.xml

<?xml version="1.0" encoding="UTF-8"? >
<weather>
  <city>
    <name>Beijing</name>
    <temp>23-31 degrees</temp>
    <wind>east</wind>
  </city>
  <city>
    <name>Shanghai</name>
    <temp>25-32 degrees</temp>
    <wind>SE</wind>
  </city>
  <city>
    <name>Shenzhen</name>
    <temp>29-35 degrees</temp>
    <wind>southwest wind</wind>
  </city>
</weather>

xmlメッセージを受信して処理するためのAjax処理コード

{{コード

実行結果

画像

ajax関連のコンテンツについては、興味のある読者はこちらのトピックを参照してください。" jqueryにおけるAjaxの使用法まとめ 》、《その JavaScriptでのajax操作テクニックまとめ 》, 《 PHP+ajaxのTipsと応用例まとめ と asp.net ajaxのスキルまとめトピック

この記事がajaxプログラミングのお役に立てれば幸いです。