javascript - JQuery AJAX 调用不返回成功函数

Question

下面有一个 super 简单的 JQuery ajax 请求:

$.ajax("../ajax/data/items.json",
{ success: setContent, type: "GET", dataType: "json" });

function setContent(data, status, jqxhr) {

alert("Hello!");
}

json 加载到页面上并带有 200 响应。成功函数设置为setContent()。但成功函数从未运行，我不明白为什么。

问题:

1. 我对成功函数如何工作的理解是否错误？为什么函数 setContent() 不针对 Json 上的 200 响应运行？

2. setContent() 的参数是由 JQuery 在后台填充的吗？显然我没有在代码中的任何地方设置它，但视频没有显示在任何地方添加参数。

我正在关注 Lynda.com 的教程:

http://www.lynda.com/jQuery-tutorials/AJAX-made-simple/183382/368483-4.html

特别是视频 AJAX 变得简单。

Answer 1

问题很可能是您没有返回有效的 JSON。如果您将数据类型指定为 JSON 并且它返回其他内容，则不会调用成功处理程序。

语法没有问题:

如您所见，如果您不指定 dataType，console.log 就会触发，因为它不关心它是否是 JSON。如果您指定，则不会记录任何内容。

$.ajax(window.location.href,
{ success: setContent, type: "GET", dataType: "json" });

function setContent(data, status, jqxhr) {

console.log("It worked!");
}

您可以将其复制到此站点上的开发工具中，然后查看删除 dataType 参数后会发生什么。