jquery如何检查ajax调用的响应类型

Question

如何确定 Jquery 中 ajax 调用的响应类型？有时，服务器发送 json 响应，有时它只发送 html 用于显示目的。现在我正在使用

if(response.indexOf('Error'))
  //popup error message
else
 response.username
 response.address

Answer 1

你可以试试：

$.ajax({
  type: "POST",
  url: "your url goes here", 
  data: "data to be sent", 
  success: function(response, status, xhr){ 
    var ct = xhr.getResponseHeader("content-type") || "";
    if (ct.indexOf('html') > -1) {
      //do something
    }
    if (ct.indexOf('json') > -1) {
      // handle json here
    } 
  }
});

基本上它也使用 indexOf 但它似乎更可靠。

Answer 2

要接受 JSON 回复，您可以将回复类型设置为 JSON。我通常设计我的服务器端代码，所以它们总是返回 JSON 回复。如果由于某种原因它未能这样做，我会在我的 AJAX 调用中收到错误，因为 JSON 格式不正确，我可以将来自服务器的回复处理为不是非 JSON。

error: function(response, status, xhr){ 
// do something with the reply.
}

Answer 3

上面的答案对我不起作用，所以我想出了这个解决方案：

success: function(data, textStatus , xhr) {
if(xhr.responseXML.contentType == "text/html") {
    //do something with html
    }
else if(xhr.responseXML.contentType == "application/json") {
    //do something with json
    }}

Answer 4

您可以简单地使用 javascript 的简单方法来检查类型

即

if(typeof response=="object")
{
 // Response is javascript object
}
else
{
 // Response is HTML
}

如果你使用这种方法，你不必在成功回调中额外写2个参数。

Answer 5

如果响应被解析为 JSON，jqXHR 对象将具有 responseJSON 属性。

$.ajax(
    // ...
).done(function(data, textStatus, jqXHR) {
    if (jqXHR.responseJSON) {
        // handle JSON
    } else {
        // handle html
    }
}).fail(function(jqXHR, textStatus, errorThrown) {
    if (jqXHR.responseJSON) {
        // handle JSON
    else {
        // handle html
    }
})

来自jQuery.ajax documentation：

如果指定了 json，则使用 jQuery.parseJSON 解析响应，然后将其作为对象传递给成功处理程序。解析后的 JSON 对象可通过 jqXHR 对象的 responseJSON 属性获得。