當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS回调函数(callback)
生活随笔
收集整理的這篇文章主要介紹了
JS回调函数(callback)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在使用Jquery的時(shí)候，用到Callback()，回調(diào)函數(shù)的概念。而且很多。
比如： $.ajax({url:"test.json",type: "GET",data: {username:$("#username").val()},dataType: "json",beforSend:function(){ // 禁用按鈕防止重復(fù)提交$("#submit").attr({ disabled: "disabled" });}, complete:function(msg){ //請(qǐng)求完成后調(diào)用的回調(diào)函數(shù)（請(qǐng)求成功或失敗時(shí)均調(diào)用） } , error:function(msg){ //請(qǐng)求失敗時(shí)被調(diào)用的函數(shù) } , Sucess:function(msg){ //請(qǐng)求成功后調(diào)用的回調(diào)函數(shù) } });?
回調(diào)函數(shù)大家都會(huì)用，只是Jquery封裝了之后，不能讓大家明白回調(diào)函數(shù)的真正使用。 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. 當(dāng)然我們可以在JS當(dāng)中來真正嘗試一下回調(diào)函數(shù)的神奇。 如果你直接在函數(shù)a里調(diào)用的話，那么這個(gè)回調(diào)函數(shù)就被限制死了。但是使用函數(shù)做參數(shù)就有下面的好處：當(dāng)你a(b)的時(shí)候函數(shù)b就成了回調(diào)函數(shù)，而你還可以a(c)這個(gè)時(shí)候，函數(shù)c就成了回調(diào)函數(shù)。如果你寫成了function a(){...;b();}就失去了變量的靈活性。下面是代碼： <!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title>回調(diào)函數(shù)(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定義的函數(shù)d");}var e = function(){alert("我也是Jquery定義的函數(shù)e");}function a(callback) { alert("我是parent函數(shù)a！"); d(); if (typeof callback === "function"){//alert(callback); callback(); }} function b(){ alert("我是回調(diào)函數(shù)b"); d();e();f();} function c(){ alert("我是回調(diào)函數(shù)c"); d();e();f();} function test1() { a(b); } function test2() { a(c); } $(function(){ f = function(){ alert("我是回調(diào)函數(shù)f"); } }); </script> </head> <body > <h1>學(xué)習(xí)js回調(diào)函數(shù)</h1> <button onClick=test1()>test a(b)</button> <button onClick=test2()>test a(c)</button> <p>應(yīng)該能看到調(diào)用了兩個(gè)回調(diào)函數(shù)</p> <p > </p> </body> </html>網(wǎng)上看了一個(gè)例子，進(jìn)行了修改，按上面方式可以回調(diào)成功，直接復(fù)制粘貼到html文件中即可測(cè)試
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/xcsn/archive/2013/01/03/2843218.html
總結(jié)
以上是生活随笔為你收集整理的JS回调函数(callback)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 关于ftp的功能类——下载，上传，断点，
- 下一篇： gradle idea java ssm