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. 
},