标签:
在使用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){
//请求成功后调用的回调函数
}
});
<!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>
标签:
原文地址:http://www.cnblogs.com/huangyin1213/p/5583138.html