jQuery_jquery に基づいてユーザー名が存在するかどうかを確認する Ajax の実装

この記事では、ユーザー名が存在するかどうかを確認するために、jQuery に基づく Ajax の実装コードを共有します。必要なプログラマーは、この記事のソース コードを参照してください。

jQuery.ajax の概要

リモート データをロードするための HTTP リクエスト。

AJAX の基礎となる jQuery によって実装されます。シンプルで使いやすい高レベルの実装については、$.get、$.post などを参照してください。 $.ajax() は、作成した XMLHttpRequest オブジェクトを返します。ほとんどの場合、このオブジェクトを直接操作する必要はありませんが、特殊な場合には、リクエストを手動で終了するために使用できます。

$.ajax() にはパラメータが 1 つだけあります。それは、各設定とコールバック関数の情報を含むパラメータ キー/値オブジェクトです。以下の詳細なパラメータ オプションを参照してください。
注: dataType オプションを指定する場合は、サーバーが正しい MIME 情報を返すようにしてください (例: xml は "text/xml" を返します)。 MIME タイプが正しくないと、予期しないエラーが発生する可能性があります。

注: dataType が「script」に設定されている場合、リモート要求中 (同じドメインの下にない場合)、すべての POST 要求が GET 要求に変換されます。 (読み込みにDOMスクリプトタグを使用するため)
jQuery 1.2 では、ドメインを越えて JSON データを読み込むことができます。これを使用する場合は、データ型を JSONP に設定する必要があります。 「myurl?callback=?」などの JSONP 形式を使用して関数を呼び出す場合、jQuery はコールバック関数を実行するために ? を正しい関数名に自動的に置き換えます。データ型が「jsonp」に設定されている場合、jQuery は自動的にコールバック関数を呼び出します。

パラメータリスト:

ここには、beforeSend、success、complete、error などのいくつかの Ajax イベント パラメーターがあります。これらのイベントを定義して、各 Ajax リクエストを適切に処理できます。これらの Ajax イベントの this はすべて、Ajax リクエストのオプション情報を指していることに注意してください (get() メソッドについて説明する場合は、この図を参照してください)。
Ajax 開発に jQuery を使用する場合は、上記のパラメータ リストをよく読んでください。これらのパラメータについてよく理解しておく必要があります。
例:

1. AJax.aspx のリクエストページ

HTML コード

<div> 
<input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> 
<div id="showResult" style="float:left">div> 
div> 

JS コード

<script type="text/javascript" src="CSS/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function JudgeUserName() 
{ 
$.ajax({ 
type:"GET", 
url:"AjaxUserInfoModify.aspx", 
dataType:"html", 
data:"userName="+$("#txtName").val(), 
beforeSend:function(XMLHttpRequest) 
{ 
$("#showResult").text("正在查询"); 
//Pause(this,100000); 
}, 
success:function(msg) 
{ 
$("#showResult").html(msg); 
$("#showResult").css("color","red"); 
}, 
complete:function(XMLHttpRequest,textStatus) 
{ 
//隐藏正在查询图片 
}, 
error:function() 
{ 
//错误处理 
} 
}); 
} 
</script> 

2、AjaxUserInfoModify.aspx ページ

バックエンドコード

protected void Page_Load(object sender, EventArgs e) 
{ 
string userName = Request.QueryString["userName"].ToString (); 
if (userName == "James Hao") 
{ 
Response.Write ("用户名已经存在！"); 
} 
else 
{ 
Response.Write ("您可以使用此用户名！"); 
} 
} 

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。