Asp.Net+Jquery.Ajaxは3-$.getと$post


カタログ(更新された記事は接続され、7月25日から2~3日ごとに更新されます):
Asp.Net+Jquery.Ajax詳細1-開編(2012.07.25発)
Asp.Net+Jquery.Ajaxは2-$.Load(2012.07.26発)
Asp.Net+Jquery.Ajaxは3-$.getと$post(2012.07.30発)
Asp.Net+Jquery.Ajaxは4-$.getJSON(2012.07.31発)
Asp.Net+Jquery.Ajaxは5-$.getScript(2012.08.04発)
Asp.Net+Jquery.Ajaxは6-$.ajaxSetup(2012.08.06発)
Asp.Net+Jquery.Ajax詳細7-グローバルAjaxイベント(2012.08.09発)
Asp.Net+Jquery.Ajaxは8-コア$.ajax(2012.08.12発)
Asp.Net+Jquery.Ajax詳細9-serializeとserializeArray(2012.08.15発)
Asp.Net+Jquery.Ajax詳細10-JSONとXML+を最後に書きます(2012.08.20発、終わりました!)
 
 
jQuery.get(url, [data], [callback], [type])
リモートHTTP GETによる情報のロード要求
 
パラメータ-
url:要求されたurlアドレス
data:Key/valueパラメータを送信します.
callback:読み込み成功時コールバック関数.
type:コンテンツフォーマット、xml、html、script、json、text、_を返します.default.
 
get()メソッドは、responseText,textStatus,XMLfttpRequestの3つのパラメータを有するコールバック関数(callback)を提供し、リクエストが返すコンテンツ、リクエストステータス、およびXMLfttpRequestオブジェクトを表す.
 
 $.get("Data/GetServiceInfo.aspx",function(responseText,textStatus,XMLHttpRequest){

//responseText:        

//textStatus:    :success、error、notmodified、timeout

//XMLHttpRequest:XMLHttpRequest   

});

 
DataTypeは、サーバ応答が予想されるデータ型を規定する.デフォルトでは、jQueryはスマートに判断します.可能なタイプ:“xml”“html”“text”“script”“json”“jsonp”
jQuery.ジャストとJquerygetの最大の違いは,前者がリモートHTTP POSTにより情報のロードを要求することである.後者はリモートHTTP GETにより情報のロードを要求する.他の部分はほぼ同じです.
 
例:
クライアント:






    Jquery Ajax Test
       
    
    
        $(function () {
            //         

            $("#TestGet").bind("click", GetWithCallback);
            $("#TestPost").bind("click", PostWithCallback);
        });


        //  get,      
        //  :get()         (callback),        ,           、     XMLHttpRequest  
        function GetWithCallback(event) {

            $.get("Data/GetServiceInfo.aspx", { "param": "TestGet-Callback" }, function (responseText, textStatus, XMLHttpRequest) {

                $("#result").html("        ,  :" + responseText);

            });
        }

        //  post,      
        function PostWithCallback(event) {

            $.post("Data/GetServiceInfo.aspx", { "param": "TestPost-Callback" }, function (responseText, textStatus, XMLHttpRequest) {

                $("#result").html("        ,  :" + responseText);

            });
        }
  
        


    

サービス-
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace JqueryAjaxTest.Data
{
    public partial class GetMethodInfo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            string param = "";

            //    
            if (!String.IsNullOrEmpty(HttpContext.Current.Request["param"]))
            {
                param = HttpContext.Current.Request["param"];
            }
            
            //     
            Response.Clear();
            //           
            Response.Write("Http      :"+Request.HttpMethod.ToUpper()+";         :"+param);
            //                ,       
            Response.End();

        }
    }
}

 
補足:
 
loadとgetを比較するには:
 
$.load()は、サーバからデータを取得する最も簡単な方法です.ほとんど$とget()は等価であり,異なるのはグローバル関数ではなく,暗黙的なコールバック関数を持つことである.成功した応答が検出する場合(例えばtextStatusが「success」または「notmodified」の場合)、$.load()は、一致する要素のHTMLコンテンツを返されるデータに設定します.
 
これも私たちが前の例でこのように$("#result")を使う理由です.load().この例では$を用いる.get()
 
第3篇终わり、あとで第4篇