JavaScript 函數回調

標籤：js   函數回調   

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

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

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebTest.Default" %><!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>    <style type="text/css">        #txtValue        {            height: 63px;            width: 543px;        }        #Button1        {            height: 33px;            width: 541px;        }        #btnTest        {            width: 539px;        }    </style>    <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></head><body>    <input id="txtValue" type="text" />    <br />    <br />    <input id="btnTest" type="button" value="Go" /></body></html>

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”傳遞給了前台。

 

如果您覺得有用，請幫忙頂一下，謝謝！！

 

 

 

JavaScript 函數回調