JS回调函数(callback)

在使用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="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<script language="javascript" type="text/javascript"> var f;function d(){alert("我是Jquery定义的函数d");}var e = function(){alert("我也是Jquery定义的函数e");}function a(callback) {    alert("我是parent函数a！");   d(); if (typeof callback === "function"){//alert(callback);
            callback(); }} function b(){ alert("我是回调函数b");  d();e();f();} function c(){ alert("我是回调函数c");   d();e();f();} function test1() { a(b); } function test2() { a(c); } $(function(){ f = function(){ alert("我是回调函数f");   } });
</script>
</head>
<body > <h1>学习js回调函数</h1> <button onClick=test1()>test a(b)</button> <button onClick=test2()>test a(c)</button> <p>应该能看到调用了两个回调函数</p> <p > </p>
</body>
</html>

网上看了一个例子，进行了修改，按上面方式可以回调成功，直接复制粘贴到html文件中即可测试

转载于:https://www.cnblogs.com/xcsn/archive/2013/01/03/2843218.html

JS回调函数(callback)相关推荐

Node.js —— 回调函数callback
一.什么是回调函数 1.回调函数是作为参数传递给另一个函数 2.回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码 3. 函数运行完成,再执 ...
js回调函数的理解(轉)
js回调函数(callback)理解Mark!讲之前说一句function say(){alert(,,,,,,,,)}var say=function (){alert(,,,,,,,)}var s ...
mysql.js回调函数_js回调函数(callback)
Mark! js学习不喜欢js,但是喜欢jquery,不解释. 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函 ...
【转】JS回调函数--简单易懂有实例
JS回调函数--简单易懂有实例初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is ...
理解javascript中的回调函数(callback)【转】
在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String.Array.Number.Object类的对象一样用于内置对象的管理.因为function实 ...
html js 回调函数,js中回调函数的学习笔记
回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了,下面本文章把我在学习回调函数例子给各位同学介绍一下吧,有需了解的同学不防进入参考. 回调函数原理: 我现在出发,到了通知你" ...
理解javascript中的回调函数(callback)
理解javascript中的回调函数(callback) 在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String.Array.Number.Obje ...
js回调函数获取异步返回值
js回调函数获取异步返回值 1.尝试获取异步返回值 function test(){var res = 0;setTimeout(function(){res = 1;},1000)return re ...
服务器响应回调函数,解决有关flask-socketio中服务端和客户端回调函数callback参数的问题（全网最全）...
由于工作当中需要用的flask_socketio,所以自己学习了一下如何使用,查阅了有关文档,当看到回调函数callback的时候,发现文档里都描述的不太清楚,最后终于琢磨出来了,分享给有需要的朋友 ...

JS回调函数(callback)

JS回调函数(callback)相关推荐

最新文章

热门文章