JavaScript 函數回調

JavaScript 函數回調

我們經常會用到用戶端與Web項目結合開發的需求，那麼這樣就會涉及到在用戶端執行前台動態指令碼函數，也就是函數回調，本文舉例來說明回呼函數的過程。

首先建立了一個Web項目，很簡單的一個頁面，只有一個button與textbox，代碼與效果如下：

<%@ Page Language=C# AutoEventWireup=true CodeBehind=Default.aspx.cs Inherits=WebTest.Default %>

<script language=javascript type=text/javascript src=EasyUI/jquery-1.8.0.min.js></script><script language=javascript type=text/javascript> $(document).ready(function () { $(#btnTest).bind(click, function () { window.external.CheckUser(); }); }); function CallBackFun(e) { $(#txtValue).val(e); } </script>

CheckUser：表示用戶端的一個方法。

CallBackFun：表示用戶端回調的函數。

在btnTest的點擊事件裡面執行用戶端的CheckUser方法，用戶端回調CallBackFun函數的時候，給ID為txtValue的文字框進行賦值，賦值內容則是從回呼函數中返回的內容。

 

下面建立一個用戶端程式，介面也很簡單，僅有一個webBrowser1按鈕，代碼與介面如下：

 

using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;using System.Security.Permissions;namespace WindowsFormsApplication1{    [PermissionSet(SecurityAction.Demand, Name = FullTrust)]    [System.Runtime.InteropServices.ComVisibleAttribute(true)]    public partial class Form1 : Form    {        public Form1()        {            InitializeComponent();        }        public WebBrowser Browser { get { return this.webBrowser1; } }        private void Form1_Load(object sender, EventArgs e)        {            webBrowser1.ObjectForScripting = this;            webBrowser1.Navigate(http://localhost:8008/default.aspx);                    }        public void CheckUser()        {            WindowsFormsApplication1.Comm.Global.Main = this;            bool result=true;             /*             * 這之間可以實現任意的邏輯，最後將結果賦值給result即可             *              *              */            if (result) //判斷結果            {                 WindowsFormsApplication1.Comm.Global.Main.Invoke(new MethodInvoker(delegate()                 {                    WindowsFormsApplication1.Comm.Global.Main.Browser.Document.InvokeScript(CallBackFun, new object[] { 777 });                }));            }        }    }}

webBrowser1的URL(http://localhost:8008/default.aspx)為我本地電腦的IIS網站。

我們通過webBrowser1的InvokeScript方法來進行回呼函數CallBackFun，返回的是一個object對象，這裡返回“777”字串。

運行之後，點擊按鈕，效果如下：

可以看出來，用戶端已經成功回調了函數CallBackFun，並且已經將用戶端的傳回值“777”傳遞給了前台。