AJAX成功後的Callaback函數

Question

我正在使用回調函數，因爲我希望將數據填充到另一個域上（通過使用我的javascript）。

/* 
* 
* Description: This function is AJAX loader for Footer and processing Callback function as a response" 
* 
* @Param :actionName : The URL to be called   
* 
* */ 

function ajaxFooterLoader(actionName) { 
    $.ajax({ 
     type: 'GET', 
     url: "http://localhost:8080/ajax/ttsGetContent.do?languageCode=en&productType=package&pageId=packageSearchResults&format=jsonp&includes=FOOTER", 
     dataType: "json", 
     success: function(response) { 
      //WHAT SHOULD I DO??? 
     }, 
     error: function(jqXHR, exception) { 
      if (jqXHR.status === 0) { 
       alert('Not connect.\n Verify Network.'); 
      } else if (jqXHR.status == 404) { 
       alert('Requested page not found. [404]'); 
      } else if (jqXHR.status == 500) { 
       alert('Internal Server Error [500].'); 
      } else if (exception === 'parsererror') { 
       alert('Requested JSON parse failed.'); 
      } else if (exception === 'timeout') { 
       alert('Time out error.'); 
      } else if (exception === 'abort') { 
       alert('Ajax request aborted.'); 
      } else { 
       alert('Uncaught Error.\n' + jqXHR.responseText); 
      } 
     } 
    }); 
} 

下劃線，是我通過AJAX我的網址調用後得到響應，我傳遞格式的URL是直接返回了我要調用的函數，即processFooter。

不過，我不明白我應該成功之後做的，所以它直接調用我的函數，它是通過回撥電話從服務器

processFooter({ 
    "copyRight": { 
     "description": null, 
     "id": null, 
     "name": "© 2015 AC", 
     "style": null 
    } 
    }) 

我的功能

URL響應返回： 這是AJAX返回的功能，定義如上AJAX調用

/* 
* 
* Description: This function will process footer 
* 
* @Param :dataFooter : it takes JSON as input 
*    
* 
* */ 
function processFooter(dataFooter) { 
     mergeTemplateFooter(dataFooter); 
} 

請指教我的ajax成功應該如何調用此函數？

在此先感謝

Answer 1

由於服務器返回JSONP，你一定要告訴jQuery的你期望JSONP：

dataType: 'jsonp' 

由於回調名字似乎被硬編碼，你也必須告訴關於它的jQuery。否則，它將生成一個隨機函數名稱。

jsonpCallback: 'processFooter' 

jQuery將自動創建一個函數有這樣一個名字，所以你應該改變success到

success: function(response) { 
    mergeTemplateFooter(response); 
}, 

你可以找到在$.ajax documentation的更多信息。

---

另外要注意，你的error功能將是無用的在這裏，因爲如果你使用JSONP jQuery的不能稱之爲：

錯誤

注意：此處理程序不叫用於跨域腳本和跨域JSONP請求。

Answer 2

首先，你應該只從你的服務器返回的JSON對象：

{ 
    "copyRight": { 
    "description": null, 
    "id": null, 
    "name": "© 2015 AC", 
    "style": null 
    } 
} 

其次，你可以做兩件事情之一，直接發送到您的命名函數：

success: processFooter, 

或（更通常）

success: function(response) { 
    //WHAT SHOULD I DO??? 
    processFooter(response); 
}, 

EV EN更好的擺脫你processfooter()功能，只需使用：

success: function(response) { 
    //WHAT SHOULD I DO??? 
    mergeTemplateFooter(response); 
}, 

最重要的是：

success: function(response) { 
    //WHAT SHOULD I DO??? 
    //Perform your mergeTemplateFooter() code here. 
},