Asp.Net+Jquery.Ajaxは3-$.getと$post
4047 ワード
カタログ(更新された記事は接続され、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オブジェクトを表す.
DataTypeは、サーバ応答が予想されるデータ型を規定する.デフォルトでは、jQueryはスマートに判断します.可能なタイプ:“xml”“html”“text”“script”“json”“jsonp”
jQuery.ジャストとJquerygetの最大の違いは,前者がリモートHTTP POSTにより情報のロードを要求することである.後者はリモートHTTP GETにより情報のロードを要求する.他の部分はほぼ同じです.
例:
クライアント:
サービス-
補足:
loadとgetを比較するには:
$.load()は、サーバからデータを取得する最も簡単な方法です.ほとんど$とget()は等価であり,異なるのはグローバル関数ではなく,暗黙的なコールバック関数を持つことである.成功した応答が検出する場合(例えばtextStatusが「success」または「notmodified」の場合)、$.load()は、一致する要素のHTMLコンテンツを返されるデータに設定します.
これも私たちが前の例でこのように$("#result")を使う理由です.load().この例では$を用いる.get()
第3篇终わり、あとで第4篇
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篇