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

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

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

随机文章:

1. VBS Scripting.Dictionary 排序
2. WMI中的Win32_PingStatus类
3. Python Proxy，快速、轻量级的HTTP代理服务器
4. Unicode中的方框绘制字符
5. JavaScript里的sprintf函数

这篇文章发布于 2011年04月12日，星期二，22:59，归类于 程序设计。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。