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

在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哦：