在 jQuery 中附加 [object%20Object] 的 JSON 请求

Question

我正在尝试使用getJSON 方法获取我用jQuery 编写的自定义JSON 提要。由于未知原因，该 URL 似乎已从末尾剥离 cache_gen.php?location=PL4 并替换为 [object%20Object] 导致发生 404 错误。

这是我正在使用的 jQuery：

var fetchData = function() {

    if (Modernizr.localstorage) {

        var api_location = "http://weatherapp.dev/cache_gen.php";
        var user_location = "PL4";
        var date = new Date();

        console.log(api_location + '?location=' + user_location);

        jQuery.getJSON({
            type: "GET",
            url: api_location + '?location=' + user_location,
            dataType: "json",
            success: function(jsonData) {
                console.log(jsonData);
            }
        });

    } else {
        alert('Your browser is not yet supported.  Please upgrade to either Google Chrome or Safari.');
    }
}

fetchData();

从控制台日志我可以看到 URL 字符串正确计算为：http://weatherapp.dev/cache_gen.php?location=PL4

但是控制台中的第二行是：Failed to load resource: the server responded with a status of 404 (Not Found)。

谁能指出我正确的方向？

更新 19/01/2013 23:15

好吧，我刚刚进行了转换，因此使用$.ajax 完全适合文档。我还添加了一个失败事件并记录了传递给它的所有数据。

var fetchData = function() {

    if (Modernizr.localstorage) {

        var api_location = "http://weatherapp.dev/cache_gen.php";
        var user_location = "PL4";
        var date = new Date();

        var url = api_location + '?location=' + user_location;

        console.log(url);

        jQuery.ajax({
            type: "GET",
            url: api_location + '?location=' + user_location,
            dataType: "json",
            success: function(jsonData) {

                console.log(jsonData);
            },
            error: function( jqXHR, textStatus, errorThrown ) {
                console.log('textStatus: ' + textStatus );
                console.log('errorThrown: ' + errorThrown );
                console.log('jqXHR' + jqXHR);
            }
        });

    } else {
        alert('Your browser is not yet supported.  Please upgrade to either Google Chrome or Safari.');
    }
}

fetchData();

在此之后，我的控制台会为我提供以下信息：

http://weatherapp.dev/cache_gen.php?location=PL4
download_api.js:44textStatus: parsererror
download_api.js:45errorThrown: SyntaxError: JSON Parse error: Unable to parse JSON string
download_api.js:46jqXHR[object Object]

我已确保 JSON 提要的标头是最新的，并且提要肯定提供有效的 JSON（它有效地缓存了第 3 方服务提要以节省 API 成本）。

Answer 1

您看到此错误的原因：

http://weatherapp.dev/cache_gen.php?location=PL4
download_api.js:44textStatus: parsererror
download_api.js:45errorThrown: SyntaxError: JSON Parse error: Unable to parse JSON string
download_api.js:46jqXHR[object Object]

是因为您的 JSON 无效。即使从服务器正确返回响应，如果您的 dataType 是 'json' 并且返回的响应不是格式正确的 JSON，jQuery 也会执行错误函数参数。

http://jsonlint.com 是一种验证 JSON 字符串有效性的快速简便的方法。

Answer 2

我今天遇到了同样的问题。在我的例子中，我将一个 JSON 对象分配给一个名为“location”的变量，它是JavaScript under Windows 中的保留字，并且显然是 windows.location 的简写！因此，浏览器重定向到当前 URL，并附加了 [object%20Object]。如果同样的事情发生在您身上，只需使用“位置”以外的变量名称。希望这对某人有所帮助。

Answer 3

查看实际函数用法：

http://api.jquery.com/jQuery.getJSON/

你不能像$.ajax那样将对象参数传递给$.getJSON，你的代码应该是这样的：

    jQuery.getJSON('api_location + '?location=' + user_location)
         .done(function() {
            //success here
         })
         .fail(function() {
           //fail here
         });

为了更清楚一点，$.getJSON 只是一个“包装函数”，它最终用{type:'get',dataType:'JSON'} 调用$.ajax。您可以在我上面提供的链接中看到这一点。