jQuery.ajax不能實現return值調用問題

我們使用jQuery.ajax函數是不能實現success方法return值的，而有時候我們需要對成功返回的數據進行處理，一般來說，與服務器交互后會返回很多的數據，而有些數據需要進行特別處理，這時需要實現success方法return，但jQuery.ajax中是無法實現的，傳統的jQuery.ajax使用如下：

1. jQuery.ajax({
2. type: "POST",
3. url: "some.php",
4. data: "name=John&location=Boston",
5. success: function(msg){
6. return msg;
7. }
8. });

如上：return msg;操作是無效的。

我們與服務器交互后，返回數據在msg中，但我們需要實現一個return，那么如何解決這個問題。

思路，通過傳入一個函數，jQuery.ajax觸發success事件調用這個函數，并把返回的數據msg傳遞給傳入的函數，實現函數對數據的處理。

為了解決這個問題，寫了一個實例，分別有三個文件，一個html文件、js文件和PHP文件。

實例分析：
一，JS部分

1. var biuuu = {};
2. biuuu._ajax = function(url,data,datatype,_success_func,_error_func){
3. jQuery.ajax({
4. type:"post",
5. url:url,
6. data:data,
7. dataType:datatype,
8. success:function(info){
9. _success_func(info);
10. },
11. error:function(){
12. _error_func();
13. }
14. });
15. }

傳入四個參數，分別是
url：是處理ajax提交的PHP文件，如下：biuuu.php
data：傳入的post數據，如下：do=test
datatype：表示數據類型，如下：json
_success_func：處理成功操作的函數名，如下：biuuu.succfunction
_error_func：處理失敗操作的函數名，如下：biuuu.failfunction

二，HTML部分(觸發事件)

1. <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
2. <script type="text/javascript" src="biuuu.js"></script>
3. <script type="text/javascript">
4. <!--
5. jQuery(document).ready(function(){
6. jQuery("#open").click(function(){
7. biuuu._ajax("biuuu.php",'do=test','json',biuuu.succfunction,biuuu.failfunction);
8. });
9. });
10. biuuu.succfunction = function(info){
11. alert(info.message);
12. }
13. biuuu.failfunction = function(){
14. alert('fail');
15. }
16. //-->
17. </script>
19. <a href="#" id="open">test</a>

當點擊test后，觸發ajax提交，實功調用biuuu.succfunction函數，失敗調用biuuu.failfunction函數

三，PHP部分

1. <?php
2. $info = array ('message' => 'biuuu is success','bool' => TRUE );
3. print_r ( json_encode ( $info ) );
4. exit ();
5. ?>

返回一個json數據

解決方法其實很簡單，用傳入函數名的方法來解決jQuery.ajax不能實現return值調用問題。

點我下載 如果解決jQuery.ajax不能實現return值調用問題 實例