asp.net客戶端回調功能的實現機制_.Net教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：ASP.Net用MD5和SHA1加密的幾種方法
首先簡單介紹一下MD5和SHA1: MD5的全稱是Message-Digest Algorithm 5（信息-摘要算法），在90年代初由Mit Laboratory for Computer Science和Rsa data security inc的Ronald l. rivest開發出

實現的過程基本上就是：讓要實現客戶端回調功能的頁面或者空間實現System.Web.UI.ICallbackEventHandler的接口，即2個方法：void RaiseCallbackEvent(string eventArgument)，這個是當客戶端觸發服務器端事件的委托方法，string GetCallbackResult();這個是返回客戶端需要的值，只能是string 型的，當然你也可以返回一個Json串。
然后在pageload的時候注冊腳本到客戶端：在這里注冊一個CallServer方法來調用服務器端方法，ReceiveServerData來捕獲服務器返回的結果。當然你也可以使用一個方法來捕獲服務器端的錯誤，詳見Page.ClientScript.RegisterClientScriptBlock這個方法的MSDN解釋。
這樣就能實現客戶端的回調服務器端事件，并返回值。
生成好頁面后，查看源代碼：
首先是多了一個js資源文件，多了一行這樣的代碼：

在body快結束的時候還有一段這樣的代碼：
WebForm_InitCallback();好，這些應該就是asp.net為了實現客戶端回調所作的補充工作了吧，咱們來研究吧。
首先看js資源文件（20多K，汗一個...）。先在資源文件里面找到這個方法，WebForm_InitCallback();
方法如下：

1function WebForm_InitCallback() {
2 var count = theForm.elements.length;
3 var element;
4 for (var i = 0; i < count; i ) {
5 element = theForm.elements[i];
6 var tagName = element.tagName.toLowerCase();
7 if (tagName == "input") {
8 var type = element.type;
9 if ((type == "text" 　　 type == "hidden" 　　 type == "password" 　　
10 ((type == "checkbox" 　　 type == "radio") & element.checked)) &&
11 (element.id != "__EVENTVALIDATION")) {
12 WebForm_InitCallbackAddField(element.name, element.value);
13 }
14 }
15 else if (tagName == "select") {
16 var selectCount = element.options.length;
17 for (var j = 0; j < selectCount; j ) {
18 var selectChild = element.options[j];
19 if (selectChild.selected == true) {
20 WebForm_InitCallbackAddField(element.name, element.value);
21 }
22 }
23 }
24 else if (tagName == "textarea") {
25 WebForm_InitCallbackAddField(element.name, element.value);
26 }
27 }
28}這個方法就是把表單里面所有的值全部裝載到一個鍵值對里面去。

附WebForm_InitCallbackAddField(element.name, element.value);方法實現：

那么就是asp.net在初始化客戶端回調功能的時候，其實就是將表單里面的所有鍵值對全部裝載到一個全局的鍵值對里面去了。

然后，咱們來看看unction CallServer(arg, context){ WebForm_DoCallback('__Page',arg,ReceiveServerData,context,null,false);}所作的工作。
在示例中，點擊按鈕，就觸發了CallServer方法，

function LookUpStock()
{
var lb = document.getElementById("ListBox1");
var product = lb.options[lb.selectedIndex].text;
CallServer(product, "");
}

在資源文件中找到WebForm_DoCallback方法，由于方法太長太大，只有分段解析：

unction WebForm_DoCallback(eventTarget, eventArgument, eventCallback, context, errorCallback, useAsync) {
var postData = __theFormPostData
"__CALLBACKID=" WebForm_EncodeCallback(eventTarget)
"&__CALLBACKPARAM=" WebForm_EncodeCallback(eventArgument);
if (theForm["__EVENTVALIDATION"]) {
postData = "&__EVENTVALIDATION=" WebForm_EncodeCallback(theForm["__EVENTVALIDATION"].value);
}
var xmlRequest,e;
try {
xmlRequest = new XMLHttpRequest();
}
catch(e) {
try {
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e) {
}
}

這段代碼是將一些參數附加上去到postData變量上。并創建xmlRequest對象。不過這個創建異步對象方法似乎有點不妥，他是先看是否是非IE的瀏覽器，然后被cacth住了才創建ActiveX對象，也就是說在IE大行其道的時候不得不多次catch，為什么不把創建ActiveX對象放在前面節省資源呢？不管這么多，接下來看：

這幾段語句最重要的是將異步回調方法賦值為：WebForm_CallbackComplete。

不過俺們還忽略了一些細節，讓我們從頭再來。上面有一段代碼

if (setRequestHeaderMethodExists)
也就是說在setRequestHeaderMethodExists這個變量不為null的時候才能夠發送異步對象，那么這個變量是怎么定義的呢？？
var setRequestHeaderMethodExists = true;
try {
setRequestHeaderMethodExists = (xmlRequest && xmlRequest.setRequestHeader);
}

也就是說只有當正確的創建了xmlRequest對象后才能夠使用ajax,那么如果不能夠正確創建ajax對象怎么辦呢？接著看代碼！

callback.xmlRequest = new Object();
var callbackFrameID = "__CALLBACKFRAME" callbackIndex;
var xmlRequestFrame = document.frames[callbackFrameID];
if (!xmlRequestFrame) {
xmlRequestFrame = document.createElement("IFRAME");
xmlRequestFrame.width = "1";
xmlRequestFrame.height = "1";
xmlRequestFrame.frameBorder = "0";
xmlRequestFrame.id = callbackFrameID;
xmlRequestFrame.name = callbackFrameID;
xmlRequestFrame.style.position = "absolute";
xmlRequestFrame.style.top = "-100px"
xmlRequestFrame.style.left = "-100px";
try {
if (callBackFrameUrl) {
xmlRequestFrame.src = callBackFrameUrl;
}
}
catch(e) {}
document.body.appendChild(xmlRequestFrame);
}

接下來原來是創建一個iframe!呵呵，原來是保證所有的瀏覽器都能使用ajax才出的這招。
再下來應該就是給這個iframe里面加載一些變量了，并且提交這個iframe了：

var interval = window.setInterval(function() {
xmlRequestFrame = document.frames[callbackFrameID];
if (xmlRequestFrame && xmlRequestFrame.document) {
window.clearInterval(interval);
xmlRequestFrame.document.write("");
xmlRequestFrame.document.close();
xmlRequestFrame.document.write('

');
xmlRequestFrame.document.close();
xmlRequestFrame.document.forms[0].action = theForm.action;
var count = __theFormPostCollection.length;
var element;
for (var i = 0; i < count; i ) {
element = __theFormPostCollection[i];
if (element) {
var fieldElement = xmlRequestFrame.document.createElement("INPUT");
fieldElement.type = "hidden";
fieldElement.name = element.name;
fieldElement.value = element.value;
xmlRequestFrame.document.forms[0].appendChild(fieldElement);
}
}
var callbackIdFieldElement = xmlRequestFrame.document.createElement("INPUT");
callbackIdFieldElement.type = "hidden";
callbackIdFieldElement.name = "__CALLBACKID";
callbackIdFieldElement.value = eventTarget;
xmlRequestFrame.document.forms[0].appendChild(callbackIdFieldElement);
var callbackParamFieldElement = xmlRequestFrame.document.createElement("INPUT");
callbackParamFieldElement.type = "hidden";
callbackParamFieldElement.name = "__CALLBACKPARAM";
callbackParamFieldElement.value = eventArgument;
xmlRequestFrame.document.forms[0].appendChild(callbackParamFieldElement);
if (theForm["__EVENTVALIDATION"]) {
var callbackValidationFieldElement = xmlRequestFrame.document.createElement("INPUT");
callbackValidationFieldElement.type = "hidden";
callbackValidationFieldElement.name = "__EVENTVALIDATION";
callbackValidationFieldElement.value = theForm["__EVENTVALIDATION"].value;
xmlRequestFrame.document.forms[0].appendChild(callbackValidationFieldElement);
}
var callbackIndexFieldElement = xmlRequestFrame.document.createElement("INPUT");
callbackIndexFieldElement.type = "hidden";
callbackIndexFieldElement.name = "__CALLBACKINDEX";
callbackIndexFieldElement.value = callbackIndex;
xmlRequestFrame.document.forms[0].appendChild(callbackIndexFieldElement);
xmlRequestFrame.document.forms[0].submit();
}
}, 10);
}

原來在最開始初始化客戶端回調的方法就是為了在不能夠正確創建ajax對象的時候，將表單的值全部初始化到另外的iframe里面去的。
好了，整個asp.net客戶端回調的請求發送部分分析完了，看來回調部分要下次了。

如果有分析不對的地方還請大俠指正！

分享：asp.net中生成縮略圖并添加版權
//定義image類的對象 Drawing.Image image,newimage; //圖片路徑 protected string imagePath; //圖片類型 protected string imageType; //圖片名稱 protected string imageName; //提供一個

ASP.NET視頻教程

北大青鳥ASP.NET編程視頻教程

ASP.NET一夜速成視頻教程

ASP.NET語音視頻教學

21天學通ASP.NET40小時多媒體語音視頻教學DVD

ASP.NET3.5從入門到精通視頻

.NET教學視頻免費下載

asp.net夜話教學視頻【完】

來源：模板無憂/所屬分類：.Net教程/更新時間：2008-08-22

[收藏][報錯][返回列表]

相關.Net教程：

asp.net客戶端回調功能的實現機制_.Net教程

ASP.NET視頻教程

.Net教程Rss訂閱編程教程搜索

.Net教程推薦

猜你也喜歡看這些