利用ICallbackEventHandle實作類別似AJAX的無重新整理頁面

最後更新：2018-12-06 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

先看MSDN Library 2005上的這個例子！
------ ClientCallback.aspx ------<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ClientCallback.aspx.cs"  Inherits="ClientCallback" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtm l" >
    <head id="Head1" runat="server">
        <title>Callback Test</title>
        <script type="text/javascript">
        function ReceiveServerData(receivedStr, context)
        {
            alert(receivedStr);
        }
        </script>
    </head>
        <body>
          <form id="form1" runat="server">
            <input type="button" value="Callback" onclick="CallServer('argument', 'context')"/><br />
          </form>
    </body>
</html>

-------- ClientCallbacp.aspx.cs -----------// ClientCallback.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class ClientCallback : System.Web.UI.Page, System.Web.UI.ICallbackEventHandle r
{

    void Page_Load(object sender, EventArgs e)
    {
        ClientScriptManager cm = Page.ClientScript;
        String cbReference = cm.GetCallbackEventReference(this, "arg", "ReceiveServerData", "");
        String callbackScript = "function CallServer(arg, context) {" + cbReference + "; }";
        cm.RegisterClientScriptBlock(this. GetType(), "CallServer", callbackScript, true);
    }

    private string returnStr;
    //function called by client, executed on server
    public void RaiseCallbackEvent(String eventArgument)
    {
        //do something with return argument
        returnStr = eventArgument.ToUpper();
        return;
    }

    //function that sends result?
    public string GetCallbackResult()
    {
        return returnStr;
    }
}

用戶端用ReceiveServerData接收伺服器返回的資料，
<script type="text/javascript">
function ReceiveServerData(receivedStr, context)
{
alert(receivedStr);
}
</script>

使用CallServer('argument', 'context')傳遞資料到伺服器。

用戶端ok了，接下來是伺服器端，
實現ICallbackEventHandle 介面，
private string returnStr;
public void RaiseCallbackEvent(String eventArgument)
{
returnStr = eventArgument.ToUpper();
return;
}

public string GetCallbackResult()
{
return returnStr;
}

最後，將用戶端方法和伺服器端的方法關聯起來，在Page_Load中實現，
ClientScriptManager cm = Page.ClientScript;
String cbReference = cm.GetCallbackEventReference(this, "arg", "ReceiveServerData", "");
String callbackScript = "function CallServer(arg, context) {" + cbReference + "; }";
cm.RegisterClientScriptBlock(this. GetType(), "CallServer", callbackScript, true);

大功告成！

這種方法也能達到類似ajax的無重新整理頁面，而且實現起來十分簡單。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More