带有 dataType 'json' 的 jQuery ajax 方法错误解析json数据

Question

我使用 jQuery 1.4.2 时遇到了一些无法解释的行为，我开始认为这可能是 safari 问题，而不是 jQuery 问题。让我解释一下。

我开始简单地使用 .getJSON 这样的：

$.getJSON("/challenge/results", form_data, function(data){
  //I know console.log is bad news, just a simplification.
  console.log('data', data); 
}

日志给了我一些类似

>locations: Array (1)

当我期待一个大小为 2 的数组时的信息。所以我查看了响应中的 json：

{"locations":
[{"customer_id":2,"editable":true,"id":971,"latitude":43.659208,"longitude":-79.407501,"max_zoom":25,"min_zoom":9,"name":"test"},
{"customer_id":3,"editable":true,"id":974,"latitude":36.746944,"longitude":-107.970899,"max_zoom":25,"min_zoom":9,"name":"test2"}]}

我已经大大简化了这个为了清楚起见，但据我所知，收到的 json 完全有效（通过 Rails 以编程方式生成）。 [更新： JSONLint 证实了这个假设。]

我对此感到惊讶，因此我将我的请求转换为 $.ajax 请求，看看它们之间是否存在一些细微的差异（从那时起，查看jQuery 的来源我看到 $.getJSON 只是调用 $.ajax）。

    $.ajax({
        url:"/challenge/results",
        dataType: 'json',
        data: form_data,
        cache:false,
        success: function(data, textStatus){
            console.log("data!", data, textStatus);
        });

但唉！同样的回应：

位置：数组 (1) 成功

此时，我必须承认 - 我有点傻，所以我想我会尝试一些完全注定会失败的事情：

    $.ajax({
        url:"/challenge/results",
        dataType: 'text',
        data: form_data,
        cache:false,
        success: function(data, textStatus){
            console.log("Parsed:!", $.parseJSON(data), textStatus);
        });

令我惊讶的是我的控制台显示：

位置：数组 (2) 成功

我被难住了。此时我坚持不懈地仔细研究了 jQuery 源代码 (1.4.2)。我想不出所料，ajax 函数似乎无法处理 json 解析本身（尽管，我必须承认，我不能确定）。

我完全不知道为什么会发生这种情况 - 感谢任何帮助。

Answer 1

也许我错过了一些东西，但我注意到您的 JSON 是一个具有单个属性（“locations”）的对象，其值是一个数组。你有没有尝试过：

$.getJSON("/challenge/results", form_data, function(data){
  //I know console.log is bad news, just a simplification.
  console.log('data', data.locations); 
}

Answer 2

试试这个：

 // Enables for all serialization
jQuery.ajaxSettings.traditional = true;

// Enables for a single serialization
jQuery.param( stuff, true );

// Enables for a single Ajax requeset
$.ajax({ data: stuff, traditional: true });

嘿，你的问题似乎与嵌套参数序列化有关。正如 jQuery 1.4 发行说明所说：

Query 1.4 使用 PHP 流行的方法在 jQuery.param 中添加了对嵌套参数序列化的支持，并受 Ruby on Rails 支持。例如，{foo: ["bar", "baz"]} 将被序列化为“foo[]=bar&foo[]=baz”。

在 jQuery 1.3 中，{foo: ["bar", "baz"]} 被序列化为“foo=bar&foo=baz”。但是，无法使用这种方法对单元素数组进行编码。如果您需要旧的行为，您可以通过设置传统的 Ajax 设置（全局通过 jQuery.ajaxSettings.traditional 或根据具体情况通过传统标志）将其重新打开。

Answer 3

应使用 Webkit 检查器的调试器而不是控制台日志记录，后者可以显示对象的未来状态。这是导致此问题的原因，因为列表在 console.log 行之后的代码中被修剪，从而导致了意外的行为。