JQuery AJAX调用不返回成功函数

Question

我在下面有一个超级简单的 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 参数后会发生什么。