解析错误回调函数未调用jquery ajax错误？

Question

我一直在尝试其他用户之前在堆栈溢出中看到的所有方法。但是它们都不起作用。希望你们中的任何人都能指出我正确的方向

$.ajax({
 type: "get",
 dataType:'jsonp',
 params:jsonData,
 jsonp:false,
 jsonpCallback:"callbackfn",
 headers: { "api_key": "u5FocU4xLq2rBfZ1ZSV8o81R2usYzUEM3NaCinnV"},
  url: "http://localhost/url?name=xxx&email=xxxxxx@gmail.com",
 success:function(){
  alert("sucess function");
   },
  error: function(jqXHR, textStatus, errorThrown){
       alert(textStatus + " and<br> " + errorThrown);
    }
  });
 function callbackfn(data) {
   alert(data);
  }

回复是{ "firstName":"John", "lastName":"Doe" }

虽然响应是json，但是会报错

解析错误 .callbackfn 未调用。

Answer 1

为了在 JSONP 中使用自定义回调函数，您必须将其范围声明为全局，即

window.callbackfn = function(data) {
    alert(data);
};

---

为什么？

这是因为成功的 JSONP 响应返回一个新的 JavaScript 文件，即封装在 <script> 标签中的 JavaScript 函数调用。由于每个脚本都是在全局范围内独立评估的，因此您希望其他脚本可以使用的任何脚本函数也必须在全局范围内声明。因此所有 JSONP 回调函数都应该是全局的。

---

编辑

根据 OP，在这里找到的解决方案：Return JSONP via AWS Lambda/API Gateway 成功了。问题与不正确的服务器端 JSONP 响应有关。

Answer 2

确保来自服务器的响应是一个以响应数据作为参数的函数调用。看来您只是在输出 JSON，但 JSONP 需要一个带有响应数据的函数调用。您的服务器响应应如下所示：

callbackfn({
  "firstName":"John",
  "lastName":"Doe"
});

您有 jsonp: false 和 jsonpCallback 和 dataType: 'jsonp' - 这很奇怪，因为您还提供了 jsonp 回调。也许如果您由于跨域请求而不需要 JSONP，您应该删除 jsonpCallback 参数并使用响应手动调用该函数：

$.ajax({
   type: "get",
   dataType:'json',
   params:jsonData,
   headers: { "api_key": "u5FocU4xLq2rBfZ1ZSV8o81R2usYzUEM3NaCinnV"},
   url: "http://localhost/url?name=xxx&email=xxxxxx@gmail.com",
   success:function(data){
     callbackfn(data);
   },
   error: function(jqXHR, textStatus, errorThrown){
       alert(textStatus + " and<br> " + errorThrown);
    }
});