jQuery ajax 返回数据：json 和 html 混合？

Question

我有这个 ajax 请求从我的服务器获取数据，默认情况下dataType 始终是html。但是有时候它会从服务器返回json，所以我想检查返回的数据是不是html然后执行A else执行B。可以吗？

我的 jquery，

 $.ajax({
     type: "GET",
     dataType: "html",
     url: request_url,
     context: $('#meat'),
     async: true,
     beforeSend: function () {},
     success: function (returndata, status, jqXHR) {
         if ($.parseJSON(returndata) === false) A;
         else B.
     }
 });

当返回的数据为html时出现此错误，

SyntaxError: JSON.parse: 意外字符

那么我怎样才能让这段代码通用？

Answer 1

我不确定是否有更好的方法，但你可以尝试...抓住

$.ajax({
      type:       "GET",
      url:        request_url,
      context:    $('#meat'),
      async:      true,
      beforeSend: function() {
      },
      success: function (returndata, status, jqXHR) {
        var parsed;
        try
        {
            parsed = $.parseJSON(returndata);
            // Execute B
        }
        catch(e)
        {
           // treat as html then
           // do parsing here
           parsed = returnData;
           // Execute A
        }
      }

});

Answer 2

基本上，您的代码完全是错误的 - 如果返回类型可能以不一致的方式变化，您的服务器端 API 就违反了所有可预测性原则。您的代码永远不必猜测返回数据的类型。

话虽如此，如果您不想修复它，a simple try/catch 将有助于解决不稳定行为。即。

try {
    if ($.parseJSON(returndata) === false) A;
} catch(e) {
    // Treat as HTML here.
}

它并不漂亮，但这就是你拥有一个一开始并不漂亮的不可预测的 API。

Answer 3

可能你需要这样处理

try{
var response=jQuery.parseJSON('response from server');
if(typeof response =='object')
 {
    //control would reach this point if the data is returned as json
 }
 else
 {
    //control would reach this point if data is plain text  
     if(response ===false)
     {
         //the response was a string "false", parseJSON will convert it to boolean false
     }
     else
     {
          //the response was something else
     }
 }
}
catch(exp){
    //controls reaches here, if the data is html
}

由于您还需要检查 html 数据，因此您可能需要注意这一点，

如果 parseJSON 可能会处理 JSON 值以外的其他内容（即 HTML），则可能还需要使用 try / catch 处理异常

REF：How can I check if a value is a json object?

编辑：编辑以使代码更精确地解决问题