Ajax と $.ajax の使用方法-jsチュートリアル-php.cn

Ajax と $.ajax の使用方法

php中世界最好的语言

リリース： 2018-04-02 15:46:45

オリジナル

1353 人が閲覧しました

今回は、Ajax と $.ajax の使い方について説明します。Ajax と $.ajax を使用する際の注意事項は何ですか?

例 1 (Ajax リクエストの基本的な作成形式):



 Ajax练习（GET，不考虑浏览器兼容性）

ログイン後にコピー


 AjaxDemo实例

ログイン後にコピー

例 2 (添付ファイルを参照)

ブラウザの互換性を考慮するバックグラウンド XML ファイルのコンテンツを取得するための Ajax リクエスト処理。

例 3 (添付ファイルを参照)

$.Ajax を使用して、バックグラウンドで読み取られる XML ファイルのコンテンツ情報を取得します。

function readXML1() {
   //创建XML对象
   var xmldom = new ActiveXObject("Microsoft.XMLDOM");
   //设置为异步
   xmldom.async = "false";
   //加载需要读取的XML文档
   xmldom.load("XML1.xml");
   info = "";
   //需要读取的根节点
   var node = xmldom.selectNodes("student");
   //依次读取其中的内容
   info = node[0].childNodes[0].nodeTypedValue + " 
" + node[0].childNodes[1].nodeTypedValue+ "
" + node[0].childNodes[2].nodeTypedValue;
   document.getElementById("xmlmsg").innerHTML = info;
  };

ログイン後にコピー

 function readXML2() {
   //实例化xml对象
   var xml = new ActiveXObject("Microsoft.XMLDOM");
   //异步设置
   xml.async = "false";
   //加载需要读取的XML文档
   xml.load("XML2.xml");
   info = "";
   //选择需要读取的对象名称
   var fnode = xml.documentElement.selectNodes("people");
   //循环输出文档的内容
   for (var i = 0; i < fnode.length; i++) {
    for (var j = 0; j < fnode[i].childNodes.length; j++) {
     info += fnode[i].childNodes[j].text + "
";
    }
   }
   document.getElementById("xmlmsg").innerHTML = info;
  };

ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Ajax+mysqlでメッセージボード機能を作成

ajaxは3レベル連携の最も基本的な概念を実現します

以上がAjax と $.ajax の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。