這篇文章主要介紹了ASP.NET實現(xiàn)回調(diào)的方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了道縣免費建站歡迎大家使用!一、引言
在ASp.NET網(wǎng)頁的默認模型中,用戶通過單擊按鈕或其他操作的方式來提交頁面,此時客戶端將當前頁面表單中的所有數(shù)據(jù)(包括一些自動生成的隱藏域)都提交到服務(wù)器端,服務(wù)器將重新實例化一個當前頁面類的實例來響應(yīng)這個請求,然后將整個頁面的內(nèi)容重新發(fā)送到客戶端。這種處理方式對運行結(jié)果沒什么影響,但頁回發(fā)會導致處理開銷,從而降低性能,且會讓用戶不得不等待處理并重新創(chuàng)建頁,有時候,我們僅僅只需要傳遞部分數(shù)據(jù)而不需要提交整個表單,這種默認的處理方式(指的是提交整個表單進行回發(fā)方式)顯得有點小題大做了,解決辦法主要有三種: 純 JS實現(xiàn)、 Ajax技術(shù)和回調(diào)技術(shù),在這里僅僅介紹下Asp.net回調(diào)技術(shù)的實現(xiàn)。(回調(diào)的本質(zhì)其實就是Ajax調(diào)用,之所以這么說是因為我們使用Asp.net中的類來實現(xiàn)回調(diào),Asp.net中類會幫我們做Ajax的操作)。
二、實現(xiàn)步驟
使用回調(diào)技術(shù)來實現(xiàn)無刷新頁面的要點是:
1、讓當前頁面實現(xiàn)ICallbackEventHandler接口,該接口定義了兩個方法:GetCallbackResult 方法和RaiseCallbackEvent方法,其中,GetCallbackResult方法的作用是返回以控件為目標的回調(diào)方法的結(jié)果;RaiseCallbackEvent方法是處理以控件為目標的回調(diào)方法.
2、為當前頁面提供2個JS腳本,一個是客戶端調(diào)用服務(wù)器端方法成功后要執(zhí)行的客戶端方法,一個是客戶端調(diào)用服務(wù)器端方法失敗后要執(zhí)行的客戶端方法。
具體測試頁面代碼為:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="ASPNETClientCallBackWithoutPostBack.Register" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>用戶注冊</title> <script language="javascript"> // 調(diào)用服務(wù)器端成功時調(diào)用的客戶端方法 function Success(arg, context) { document.getElementById("message").innerHTML = arg; } // 調(diào)用服務(wù)器端失敗時調(diào)用的客戶端方法 function Error(arg, context) { document.getElementById("message").innerHTML = "發(fā)生異常"; } </script> </head> <body> <form id="form1" runat="server"> <div> <div> 用戶名: <input type="text" id="txtUserName" onblur="CallServerMethod(txtUserName.value,null)" /> <span id="message" ></span> </div> <div> 密碼: <input type="text" id="txtpassword" /> </div> </div> </form> </body> </html>
后臺CS代碼為:
using System; using System.Web.UI; namespace ASPNETClientCallBackWithoutPostBack { public partial class Register : System.Web.UI.Page, ICallbackEventHandler { string result=string.Empty; protected void Page_Load(object sender, EventArgs e) { // 獲得當前頁的ClientScriptManager對象,該對象用于管理客戶端腳步 ClientScriptManager clientScriptManager = Page.ClientScript; // 獲取回調(diào)引用 // 執(zhí)行下面代碼會在客戶端生成WebForm_DoCallback方法,調(diào)用他來達到異步調(diào)用,這個方法是ASP.NET自動生成的方法,會被發(fā)送到客戶端 string reference = clientScriptManager.GetCallbackEventReference(this, "arg", "Success", "", "Error", true); string callBackScript = "function CallServerMethod(arg, context){" + reference + ";}"; // 向當前頁面注冊客戶端腳本 // CallServerMethod是要注冊的客戶端腳本的鍵 clientScriptManager.RegisterClientScriptBlock(this.GetType(), "CallServerMethod", callBackScript, true); } /// <summary> /// 服務(wù)器端運行的回調(diào)方法 /// </summary> /// <param name="eventArgument"></param> public void RaiseCallbackEvent(string eventArgument) { if (eventArgument.ToLower().IndexOf("admin") != -1) { result = eventArgument + "用戶已注冊"; } else { result = eventArgument + "可以注冊"; } } /// <summary> /// 返回回調(diào)方法的執(zhí)行結(jié)果 /// </summary> public string GetCallbackResult() { return result; } } }
當我們在瀏覽器中查看上面Asp.net頁面時,Asp.net頁面會經(jīng)過服務(wù)器端Page類的處理生成標準的HTML代碼,具體代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml"><head><title> 用戶注冊 </title> <script language="javascript"> // 調(diào)用服務(wù)器端成功時調(diào)用的客戶端方法 function Success(arg, context) { document.getElementById("message").innerHTML = arg; } // 調(diào)用服務(wù)器端失敗時調(diào)用的客戶端方法 function Error(arg, context) { document.getElementById("message").innerHTML = "發(fā)生異常"; } </script> </head> <body> <form method="post" action="Register.aspx" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value=""> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value=""> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGRhQnkA8wRg1s7uEiDb6xwTLc8yV3cMvxUYSRtK9Yaw9Q=="> </div> // 在生成的HTML代碼中多了幾段JS代碼塊 // 這部分代碼是每個Asp.net頁面發(fā)送到客戶端都會生成的,用于提交當前表單 // eventTarget表示激發(fā)提交時間的控件,eventArgument表示發(fā)生該事件時的參數(shù)信息,他們的值都可以通過Debug的方式進行查看 <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> // 這部分代碼用來生成用于Ajax調(diào)用的JS腳本,其源碼中有WebForm_DoCallback方法的定義 <script src="/WebResource.axd?d=Okp1JZTDECHos0RqI93uiUGmigRVKnpI1GrXTy8FPFuLgF3yEpwKfV7V477WPUrfAxs2eKT9i4LoIZ4cWS-poziKdbgOx1EKoRZYERcCJOs1&t=634714073180000000" type="text/javascript"></script> // 這部分代碼是由服務(wù)端代碼生成的,因為我們在后臺代碼中使用ClientScriptManager.RegisterClientScriptBlock方法來注冊一段前端腳本 <script type="text/javascript"> //<![CDATA[ function CallServerMethod(arg, context){WebForm_DoCallback('__Page',arg,Success,"",Error,true);}//]]> </script> <div> <div> 用戶名: <input type="text" id="txtUserName" onblur="CallServerMethod(txtUserName.value,null)"> <span id="message" ></span> </div> <div> 密碼: <input type="text" id="txtpassword" > </div> </div> // WebForm——InitCallback方法的定義也在幕后生成的腳本文件中,腳本代碼可以在Chorme的Source選項卡中找到。 <script type="text/javascript"> //<![CDATA[ WebForm_InitCallback();//]]> </script> </form> </body></html>
三、運行結(jié)果
下面就看看上面代碼實現(xiàn)的無刷新回調(diào)的效果:
感謝你能夠認真閱讀完這篇文章,希望小編分享的“ASP.NET實現(xiàn)回調(diào)的方法”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!
標題名稱:ASP.NET實現(xiàn)回調(diào)的方法-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址:http://jinyejixie.com/article34/dehdse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、軟件開發(fā)、用戶體驗、企業(yè)建站、外貿(mào)建站、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容