ajax学習メモ3_jqueryのjquery

概要:
Ajax Learning 1 では、サーバー側テキスト データを受信するための jquery でカプセル化された ajax の使用が導入され、サーバー側テキスト データを受信するための XMLHttpReques オブジェクトの使用が導入されています。
Ajax Learning 2 では、受信するための XMLHttpReques の使用が導入されています。サーバー側 XML データについて説明します。このセクションでは主に、サーバー側データを XML 形式で受信するための jqery によってカプセル化された ajax の使用方法を紹介します。

多くの知識が詳しく紹介されているため、このセクションでは、変更が必要なコードのみを紹介します。jqery によってカプセル化された Ajax は、サーバー側のデータを受け取るために XML 形式を使用します。
ajax.html で呼び出されるメソッドの名前を、新しく追加された JavaScript メソッドに変更するだけです。

使用される主なメソッドの紹介:
jQuery.ajax(options): HTTP リクエストを通じてリモート データをロードします。
戻り値: XMLHttpRequest
パラメータ: オプション (オプション)、ajax リクエスト設定。すべてのオプションはオプションです。
主なオプションの紹介:
type (String): (デフォルト: "GET") リクエストメソッド ("POST" または "GET")、デフォルトは "GET" です。注: PUT や DELETE などの他の HTTP リクエスト メソッドも使用できますが、一部のブラウザのみがサポートされています
url (文字列): (デフォルト: 現在のページ アドレス) リクエストを送信するアドレス
data (オブジェクト,String): サーバーに送信されたデータ。リクエスト文字列形式に自動的に変換されます。 GET リクエストは URL
dataType (String): サーバーによって返されることが予想されるデータ型に追加されます。
指定しない場合、jQuery は HTTP パケットの MIME 情報に基づいて responseXML または responseText を自動的に返し、それをコールバック関数のパラメーターとして渡します。 使用可能な値:
"xml": jQuery で処理できる XML ドキュメントを返します。 。
"html": スクリプト要素を含むプレーンテキストの HTML 情報を返します。
"script": プレーンテキストの JavaScript コードを返します。結果は自動的にキャッシュされません。
"json": JSON データを返します。
success (関数): リクエストが成功した後のコールバック関数。パラメータ: サーバーが返すデータ、データ形式
error (関数): (デフォルト: 自動判定 (xml または html)) リクエスト失敗時の呼び出し時間
async (Boolean): (デフォルト: true) デフォルト設定では、 all リクエストはすべて非同期リクエストです。
同期リクエストを送信する必要がある場合は、このオプションを false に設定します。同期リクエストはブラウザをロックするため、ユーザーはリクエストが他の操作を完了するまで待ってから

を実行する必要があることに注意してください。新しい JavaScript メソッドは次のとおりです:

コードをコピー コードは次のとおりです:

//$.ajax() メソッドを通じて HTTP リクエストを通じてリモート データをロードします。
function verifyJqueryXML(){
var jqueryObj= $("#username"); = jqueryObj.val();
//JavaScript での単純なオブジェクト定義メソッド
//var obj={name: "abc",age:20}; // get のカプセル化を使用します。 jqueryのXMLHTTPRequestオブジェクトのリクエスト
$.ajax({
type:"POST",//リクエストメソッド
url:"AJAXXMLServer", //サーバー側URLアドレス
data:"name= " username, // サーバーにデータを送信します
dataType: "xml", // 返されたデータ形式を Jquery に伝えます
success:callback1 // コールバック関数は、対話的に完了すると呼び出され、サーバーがデータを正しく
}) ; //url と dataType は
}
function callback1(data){
//まず、dom オブジェクトを Jquery オブジェクトに変換する必要があります
var jqueryObj=$(data);
//メッセージ ノードを取得します
var message=jqueryObj.children();
//テキスト コンテンツを取得します
var text=message.text( );
//ページ上にサーバー側の値を動的に表示します
var resultObj=$("#result");
}


上記の生成によって取得された、ajax.html 内で、呼び出し元の JavaScript メソッドの名前を verifyJqueryXML() に変更する必要があります。