在使用Jquery的时候，用到Callback()，回调函数的概念。而且很多。

比如：
$.ajax({

    url:"test.json",

    type: "GET",

    data: {username:$("#username").val()},

    dataType: "json",

    beforSend:function(){

         // 禁用按钮防止重复提交

        $("#submit").attr({ disabled: "disabled" });

    },

    complete:function(msg){

        //请求完成后调用的回调函数（请求成功或失败时均调用）

    } ,

    error:function(msg){

        //请求失败时被调用的函数

    } ,

    Sucess:function(msg){

        //请求成功后调用的回调函数

    }

});
回调函数大家都会用，只是Jquery封装了之后，不能让大家明白回调函数的真正使用。
JS Api 里这样解释：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
当然我们可以在JS当中来真正尝试一下回调函数的神奇。
如果你直接在函数a里调用的话，那么这个回调函数就被限制死了。但是使用函数做参数就有下面的好处：当你a(b)的时候函数b就成了回调函数，而你还可以 a(c)这个时候，函数c就成了回调函数。如果你写成了function a(){...;b();}就失去了变量的灵活性。下面是代码：
<!DOCTYPE HTML>

<html>

<head>

<meta charset="GBK" />

<title>回调函数(callback)</title>

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>

<script language="javascript" type="text/javascript">

    var f;

    function d(){

        alert("我是Jquery定义的函数");

    }

    var e = function(){

        alert("我也是Jquery定义的函数");

    }

    function a(callback) {

        alert("我是parent函数a！");

        alert("调用回调函数");

        //callback();

        $("#id").load("page参数");

        d();//起作用

        if (typeof callback === "function"){

            alert(callback);

        }

    }

    function b(){

        alert("我是回调函数b");

        $("#id").load("page参数");

        e();//不起作用

    }

    function c(){

        alert("我是回调函数c");

        d();//不起作用

        f();//不起作用

    }

    function test() {

        a(b);

        a(c);

    }

    $(function(){

        f = function(){

            alert("我是回调函数f");

        }

    });

</script>

</head>

<body>

    <h1>学习js回调函数</h1>

    <button onClick=test()>click me</button>

    <p>应该能看到调用了两个回调函数</p>

</body>

</html>
 
估计大家也看到了，我在a(callback)，b(),c()方法里都写了Jquery的ajax函数，注意，这里是ajax的函数。是有区别的，我分别调用了内置函数，和自己定义的函数。区别就在这里，因为Jquery和JS用的callback是一样的，互通的，所以在这里，Jquery的内置函数会被调用了。
但是自己定义的函数是不会被识别的，甚至会报没有这个function.
(后面这段看得不是很理解，希望看到的高手请分析下)
所以在回调的时候注意这点。

JS回调函数(callback)的更多相关文章

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

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

  2. js回调函数(callback)（转载）

    学习jquery时,对回调函数感觉很困惑,在晚上找了半天,忽然发现这篇文章很浅显,基本说明了问题.故转载 原文: 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速go ...

  3. js回调函数callback()

    <a id="btnSave" href="javascript:void(0)" class="easyui-linkbutton" ...

  4. js回调函数的理解

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

  5. JS回调函数全解析教程（callback）

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

  6. 小兔JS教程（三）-- 彻底攻略JS回调函数

    这一讲来谈谈回调函数. 其实一句话就能概括这个东西: 回调函数就是把一个函数当做参数,传入另一个函数中.传进去的目的仅仅是为了在某个时刻去执行它. 如果不执行,那么你传一个函数进去干嘛呢? 就比如说对 ...

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

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

  8. 浅谈js回调函数

    回调函数原理: 我现在出发,到了通知你”这是一个异步的流程,“我出发”这个过程中(函数执行),“你”可以去做任何事,“到了”(函数执行完毕)“通知你”(回调)进行之后的流程 例子 1.基本方法 ? 1 ...

  9. 学习js回调函数

    <!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title> ...

随机推荐

  1. VS2013自动注释插件

    在程序编写的时候,你是否见过这种写法?整个项目每个cs文件头部都包含一个,版权,版本等信息的注释头? 类似这个类文件: /*************************************** ...

  2. [转]ZigBee On Windows Mobile--ZigBee模块天线设计

    原文出处:http://www.cnblogs.com/dearsj001/archive/2008/10/26/1320029.html

  3. [SAP ABAP开发技术总结]几个小技巧

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  4. source命令

    source命令用法: source  文件名作用:在当前bash环境下读取并执行文件中的命令.注:该命令通常用命令“.”来替代.如:source .bash_rc 与 . .bash_rc 是等效的 ...

  5. python_way day12 sqlalchemy，原生mysql命令

    python_way day12  sqlalchemy,mysql原生命令 1.sqlalchemy 2.mysql 原生命令 一,sqlalchemy SQLAlchemy本身无法操作数据库,其必 ...

  6. SQL Server索引 (原理、存储)聚集索引、非聚集索引、堆 <第一篇>

    一.存储结构 在SQL Server中,有许多不同的可用排列规则选项. 二进制:按字符的数字表示形式排序(ASCII码中,用数字32表示空格,用68表示字母"D").因为所有内容都 ...

  7. FlexSlider插件的详细设置参数 http://www.woothemes.com/flexslider/ -----幻灯片插件

    $(window).load(function() { $('.flexslider').flexslider({ namespace: 'flex-', //控件的命名空间,会影响样式前缀 anim ...

  8. Win7路由器设置过程

    随着应用win7系统的人越来越多,对于这个系统的应用就更多了,其中大家最关注的就是这个系统和路由器上网的问题.下面,我们就来讲解一下win7系统的路由器的设置过程. 首先打开浏览器,在地址栏输入192 ...

  9. iOS - Swift 基本语法

    前言 Swift 全面支持 Unicode 符号. Swift 中的定义和实现是在同一个单元中的,通常一个 Swift 源代码单文件是以 ".Swift" 结尾的. Swift 不 ...

  10. win10系统更新补丁时进度条一直卡在0%不动的解决方案

    为了能够让win10系统更加安全稳定,很多用户都会时不时为自己的电脑安装补丁.不过,部分用户在为win10系统更新补丁时,却会遇到进度条一直卡在0%不动的问题.这该怎么办呢?下面,小编就告诉大家解决该 ...