Javascript：如何判断AJAX响应是否为JSON

17 浏览
0 Comments

Javascript：如何判断AJAX响应是否为JSON

我有一个期望返回JSON响应的AJAX请求。\n但是有可能返回的内容不是JSON，而是一个HTML错误页面（不幸的是，响应类型是200）。\n我如何判断响应是JSON还是其他类型？\n（我使用的是jQuery，如果有帮助的话。但是我不能使用任何插件。）

0

3 答案

0 Comments

在使用AJAX获取响应数据时，我们可能需要判断该响应数据是否为JSON格式。然而，JavaScript并没有提供直接判断响应数据是否为JSON的方法。因此，需要通过一些技巧来判断响应数据是否为JSON格式。

一种常见的方法是使用try-catch语句。通过尝试解析响应数据为JSON格式，如果解析成功，则说明响应数据是JSON格式；如果解析失败，则说明响应数据不是JSON格式。

以下是使用try-catch语句判断AJAX响应数据是否为JSON的示例代码：

try {
   $.parseJSON(input)
} catch(e) {
   // not valid JSON
}

在上述代码中，我们使用了jQuery的`$.parseJSON()`方法来尝试解析响应数据。如果解析成功，则说明响应数据是JSON格式；如果解析失败，会抛出异常，我们可以通过catch块来捕获该异常，并进行相应的处理。

这种方法简单且直观，适用于大多数情况。但需要注意的是，如果响应数据非常大或者网络延迟较高，解析JSON的过程可能会比较耗时，影响页面性能。因此，在实际使用中，可以根据实际情况进行优化。

总结起来，通过使用try-catch语句和`$.parseJSON()`方法，我们可以判断AJAX响应数据是否为JSON格式，并根据需要进行相应的处理。这种方法简单有效，适用于大多数情况。

0
0 Comments

在使用jQuery进行AJAX请求时，有时需要判断服务器返回的响应是否为JSON格式。在这种情况下，可以通过检查响应的Content-Type头部信息来判断。如果Content-Type以application/json开头，则说明服务器返回的是JSON数据。

幸运的是，jQuery已经为我们自动检测了dataType。在使用$.get()或$.post()方法发送请求时，jQuery会自动检测响应的Content-Type，并将其作为回调函数的第四个参数传递给我们。如果响应的Content-Type是JSON，jQuery会自动对返回的数据进行解析，并将解析后的结果作为回调函数的第一个参数。

然而，有些情况下这种方法可能会失效。有用户在使用post请求时遇到了问题，即使在页面头部设置了Content-Type:application/json; charset=UTF-8，但是dataType仍然为undefined。

以下是解决该问题的一种方法：

$.ajax({
    url: '/foo',
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json; charset=UTF-8',
    success: function(data) {
        // Yay that's JSON !
        // Yay jQuery has already parsed `data` 
    }
});

通过使用$.ajax()方法，并明确设置dataType为json，可以确保正确地解析服务器返回的JSON数据。此外，需要通过contentType选项将Content-Type设置为application/json; charset=UTF-8，以确保请求头部的Content-Type与服务器返回的Content-Type一致。

通过以上方法，我们可以判断AJAX响应是否为JSON，并正确地解析返回的数据。

0
0 Comments

在使用AJAX请求获取数据时，有时候需要判断返回的数据是否为JSON格式。这个问题的出现是因为在使用jQuery的$.ajax()方法时，可以通过指定dataType属性为json来告诉jQuery返回的数据是JSON格式，如果不是JSON格式，jQuery会调用error()回调函数。

解决方法是使用try...catch语句来尝试解析返回的数据，如果解析成功，则说明数据是JSON格式，可以进行后续操作。如果解析失败，则说明数据不是JSON格式。

这里是一个使用jQuery的示例代码：

$.ajax({
    url: '/my/script.ext',
    dataType: 'json',
    success: function(data, textStatus, jqXHR) { /*YAYE!!*/ },
    error: function(jqXHR, textStatus, errorThrown) { /*AWWW... JSON parse error*/ }
});

对于不使用jQuery的情况，可以使用类似的方法来判断返回的数据是否为JSON格式。基本思路是尝试解析数据并捕获错误。如果解析成功，则说明数据是JSON格式，可以进行后续操作。

这里是一个不使用jQuery的示例代码：

var data = 'some_data';
try {
    data = JSON.parse(data);
} catch(e) {
    //JSON parse error, this is not json (or JSON isn't in your browser)
}
//在`data`中处理解析后的对象（说明数据是JSON格式）。

有人可能会认为尝试解析并捕获错误是一种浪费或者奇怪的做法，可以通过检查xhr对象的content-type属性来判断数据是否为JSON格式。但是由于content-type属性的可靠性不高，唯一可靠的方法是尝试解析数据并捕获错误。此外，content-type属性也无法判断数据是否为有效的JSON格式。

0