码迷,mamicode.com
首页 > Web开发 > 详细

JS回调函数(callback)

时间:2016-06-14 11:57:50      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:

在使用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)

标签:

原文地址:http://www.cnblogs.com/huangyin1213/p/5583138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!