Ajax非同期リクエストのまとめ.

1775 ワード

Webアプリケーションは、要求/応答モデルを使用してサーバから完全なHTMLページを取得します.常に1つのボタンをクリックして、サーバーの応答を待って、もう1つのボタンをクリックして、それから待って、このような繰り返しの過程です.AjaxとXMLHttpRequestオブジェクトがあれば、サーバの応答をユーザーに待たせる必要のないリクエスト/応答モデルを使用して、ローカルリクエストに応答できます.
 
ネットでもいくつかの比喩を見て、私はとてもイメージ的だと思います.
例えば:あなたはゲームをしていて、それからあなたのお母さんに朝ごはんを買ってあげて、あなたはあなたのお母さんがどのように朝食を買ったかに関心を持つ必要はありません.あなたはずっとゲームをしてお母さんが朝食を買ってくるまで、あなたのお母さんはajaxの非同期の要求です.
 
パラメータの説明
type:要求のタイプを指定します.一般的にgetまたはpostです.
url:要求されたアドレスを指定します.絶対アドレスまたは相対アドレスを使用できます.クエリー文字列を添付できます.
asynchronous:オプションのパラメータで、リクエストが同期か非同期かを識別し、非同期リクエストがtrue、同期リクエストがfalse、デフォルトではこのパラメータがtrueです.
user:オプションパラメータで、要求されたユーザー名を指定し、なければ省略します.
password:オプションパラメータで、要求されたパスワードを指定し、なければ省略します.
 
例:JqueryはaspxページにデータフロントページJSコードを要求する:
$("#Button1").bind("click", function () { 
    $.ajax({ 
       type: "post", 
       url: "default.aspx", 
       data: "name=" + $("#Text1").val(), 
       success: function (result) { 
         alert(result.msg); 
       } 
    }); 
}); 

<input id="Text1" type="text" value='  '/> 
<input id="Button1" type="button" value="  " /> 



バックグラウンドcsコード:
protected void Page_Load(object sender, EventArgs e) { 
            if (Request["name"]!=null)  { 
               Response.ContentType = "text/json"; 
               //      Json 
               Response.Write("{\"msg\":\""+Request["name"+"\"}"); 
               Response.End(); 
             } 
}