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

 

如果您覺得有用,請幫忙頂一下,謝謝!!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM