AJAX をゼロから学習するための AJAX フレームワーク-jsチュートリアル-php.cn

AJAX をゼロから学習するための AJAX フレームワーク

亚连

リリース： 2018-05-25 14:11:01

オリジナル

1583 人が閲覧しました

この記事は、AJAX をゼロから学習するチュートリアルシリーズの 2 番目であり、ajax をより深く理解できるように、いくつかの異なる知識を紹介し、2 つのフレームワーク ajaxLib と ajaxGold について学習します。

上記 (AJAX をゼロから学習する) の概要と「Ajax 非同期リクエストサーバーの基礎」では、詳細な紹介と基本的なアプリケーションが提供されています。Ajax の一部のプロセスは比較的変わっていないことがわかります。リクエストを送信するたびに送信コードを記述する必要はありません。一部の ajax 開発者は、プロセスを ajax フレームワークにカプセル化しています。

このセクションでは主に、ajaxLib と ajaxGold という 2 つのフレームワークを紹介します。

1.ajaxLib

ajaxLib は非常に小さな ajax フレームワークです。
これを使用して、最初にファイルの使用法をページに導入します。修正したフレームワークはXMLを直接取得するフレームワークです。ディスパッチ関数は以下の通りです:

loadXMLDoc(url, callback, boolean)
このうち、urlは非同期リクエストのアドレス、callbackは非同期リクエストを送信する関数の名前です。 XML ドキュメント内のスペース、true はスペースを削除することを意味します

例:

<input type="button" value="display" onclick="loadXMLDoc(&#39;1-7.aspx&#39;,decodeXML,false);" />

ログイン後にコピー

AjaxLib フレームワークによって返された XML ドキュメントはグローバル変数 resultXML に保存され、ブール値はそれを削除するかどうかを示します。 decodeXML でプログラムを作成して分析することができます。例:

function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}

ログイン後にコピー

コードの長さが以前よりも大幅に短くなっていることがわかります。

2. ajaxGold を使用する

Ajaxgold は、もう 1 つの特に実用的な ajax フレームワークです。

Ajaxgold は、もう 1 つの特に実用的な Ajax フレームワークです。開発者が使用できる関数は 4 つあります

getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);

ログイン後にコピー

最初の 2 つは get メソッドでテキストと XML を返すために使用され、後の 2 つの関数は POST リクエストメソッドを使用してテキストと XML を返すために使用されます。 postDataReturnText(url, data, callback) 説明

<form>
    <input type="button" value="请求数据" onclick="postDataReturnText(&#39;1-8.aspx&#39;,&#39;a=2&b=3&#39;,display);">
 </form>
<p id="targetID">提取的数据将要显示在这</p>

ログイン後にコピー

上記のコードは、データを 1-8.aspx に送信し、データ a=2b=3 を渡します。サーバーが正常に戻った後、戻りを処理するために関数 display() がディスパッチされます。価値。

ajaxGold では、返されたテキストはコールバック関数の唯一のパラメーターとして使用されるため、display() 関数は次のように記述できます

<script type="text/javascript">
            function display(text) {
                document.getElementById("targetID").innerHTML = text;
            }
</script>

ログイン後にコピー

上記は、皆さんの参考になれば幸いです。将来。

getリクエストのためのAjaxキャッシュ処理ソリューション

AJAXクロスドメインリクエストを実装するサーバー側の設定

XMLデータを処理するJava+jqueryメソッド

以上がAJAX をゼロから学習するための AJAX フレームワークの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。