jQuery ajax返回parsererror错误的解决方法

jQuery ajax返回parsererror错误的解决方法

标签： AJAX, JavaScript, jQuery, parsererror

标题: jQuery ajax返回parsererror错误的解决方法
作者: Demon
链接: http://demon.tw/programming/jquery-ajax-parsererror.html
版权: 本博客的所有文章，都遵守“署名-非商业性使用-相同方式共享 2.5 中国大陆”协议条款。

在WSH中使用jQuery ajax下载图片，却返回parsererror错误，Google了一下，找到了解决方法，记录之。

 

在jQuery中ajax请求方法返回的时候，会去解析返回的值，企图将返回值解析为文本，例如responseXML，或者responseText。如果请求的数据为二进制数据（例如图片），jQuery就会报parsererror的错。其实这也不算是jQuery的Bug，因为XMLHTTPRequest的API原本就是为了处理纯文本形式的数据，但纯文本数据本身也是二进制的，XMLHTTPRequest是可以请求二进制数据的。

jquery.js（1.2.6)中报错的位置是在第2878行的httpData函数中：

httpData: function( xhr, type, filter ) {
    var ct = xhr.getResponseHeader("content-type"),
        xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0,
        data = xml ? xhr.responseXML : xhr.responseText;
 
    if ( xml && data.documentElement.tagName == "parsererror" )
        throw "parsererror";
    //......

可以看出，这里的xml变量不管是true还是false，data都会去获取responseXML或者responseText，也就是去解析返回的内容。很明显，如果返回的是非文本的数据，这里就会抛出parsererror的异常（注：其实也不是所有的非文本数据都会抛出异常）。修改后：

httpData: function( xhr, type, filter ) {
    if (type == "binary") return xhr.responseBody;
    var ct = xhr.getResponseHeader("content-type"),
        xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0,
        data = xml ? xhr.responseXML : xhr.responseText;
 
    if ( xml && data.documentElement.tagName == "parsererror" )
        throw "parsererror";
    //......

判断ajax方法中的dataType参数，如果是binary的话直接返回responseBody，看你还报错！记得在ajax请求中把dataType设置成binary哦：

$.ajax({
    url: url,
    dataType: "binary",
    async: false,
    success: function() {
        //do something
    }
});

参考链接：jQuery中ajax方法的改进