我们经常会用到客户端与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[] { "" });

                }));

            }

        }

    }

}

webBrowser1的URL(http://localhost:8008/default.aspx)为我本地电脑的IIS站点。

我们通过webBrowser1的InvokeScript方法来进行回调函数CallBackFun，返回的是一个object对象，这里返回“777”字符串。

运行之后，点击按钮，效果如下：

可以看出来，客户端已经成功回调了函数CallBackFun，并且已经将客户端的返回值“777”传递给了前台。

如果您觉得有用，请帮忙顶一下，谢谢！！

理解JS回调函数的更多相关文章

  1. 如何理解JS回调函数

    1.回调函数英文解释: A callback is a function that is passed as an argument to another function and is execut ...

  2. 理解 JS 回调函数中的 this

    任何变量或对象都有其赖以生存的上下文.如果简单地将对象理解为一段代码,那么对象处在不同的上下文,这段代码也会执行出不同的结果. 例如,我们定义一个函数 getUrl 和一个对象 pseudoWindo ...

  3. 简单理解js回调函数

    前言 其实回调函数简单通俗点就是当有a和b两个函数,当a作为参数传给b,并在b中执行,这时a就是一个回调(callback)函数,如果a是一个匿名函数,则为匿名回调函数那下面们来通过一个实例来具体解释 ...

  4. js回调函数(callback)理解

    Mark! js学习 不喜欢js,但是喜欢jquery,不解释. 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函 ...

  5. js回调函数的理解

    js回调函数(callback)理解 Mark! 讲之前说一句 function say(){ alert(,,,,,,,,) } var say=function (){ alert(,,,,,,, ...

  6. js 回调函数理解与应用

    定义:在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A.我们就说函数A叫做回调函数.如果没有名称(函数表达式),就叫做匿名回调函 ...

  7. JS回调函数全解析教程

    转自:http://blog.csdn.net/lulei9876/article/details/8494337 自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速g ...

  8. JS回调函数(callback)

    在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({ url:"test.json", type: "GET" ...

  9. js回调函数

    自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函数了.不懂啊,于是在google回调函数,发现网上的中文解释实在是 ...

随机推荐

  1. Java Web（转）

    struts2+spring+hibernate 上传文件 关 键字: s2sh 上传文件 struts2 spring hibernate 前段时间,我用struts2.1.6.spring2.5. ...

  2. YII2 blockui

    https://packagist.org/packages/ayrozjlc/yii2-blockui

  3. 最实用的IT类网站及工具大集合[转]

    1.聚合数据 大家在开发过程中,可能会用到各种各样的数据,想找一些接口来提供一些数据.比如天气预报查询,火车时刻表查询,彩票查询,身份证查询等等.有了这个接口,直接调用即可.各种各样的API接口满足你 ...

  4. Day3~Day7(2016/1/23~2016/1/27)

    活动的生命周期:onCreate();onStart();onResume();onPause();onStop();onDestroy();onRestart(); 活动的启动模式:standard ...

  5. Spark1.6.2 java实现读取txt文件插入MySql数据库代码

    package com.gosun.spark1; import java.util.ArrayList;import java.util.List;import java.util.Properti ...

  6. Ajaxupload.js上传插件使用

    注意一下火狐,360IE78下的坑: 返回过来的response在不同浏览器下的字符串不一致 // response(chrome):<pre style="word-wrap: br ...

  7. JS阻止链接跳转代码

    刷新后focus在第一个标签 onload="$('#input_email').focus(); " $(document).ready(function(){ $(" ...

  8. insert table 和create table as 区别

    首先,最大的区别是二者属于不同类型的语句,前者是DML语句(数据操作语言,SQL中处理数据等操作统称为数据操纵语言),完成后需要提交才能生效,后者是DDL语句(数据定义语言,用于定义和管理 SQL 数 ...

  9. 一种在视频OBJECT标签上放置均分四个区域的框选方法

    一般在视频区域中做框样式,作应由视频插件自己来实现,但是出于其它一些原因自己琢磨了一个使用HTML标签来实现框选区域的方法,按照行外应该属于笨方法,虽然有点笨,可能在其他方面有借鉴意义,在这里拿出来跟 ...

  10. RDIFramework.NET ━ .NET快速信息化系统开发框架 V2.7 版本发布

    历时数月,RDIFramework.NET V2.7 版本发布了,感谢大家的支持. RDIFramework.NET,基于.NET的快速信息化系统开发.整合框架,为企业或个人在.NET环境下快速开发系 ...