• jQuery jsonp无法捕获404、500状态错误


    今天同事在用jQuery的ajax方法去调用一个jsonp的api时,服务端出现了500错误,但是前端的jQuery代码却没有触发error事件,代码如下:

    $.ajax({
            url: 'http://ptres.37.com/js/sq/modules/base44.js',
            type: 'GET',
            dataType: 'jsonp'
        })
        .done(function() {
            console.log("success");
        })
        .fail(function() {
            console.log("error");
        }).always(function(){
            console.log("always");
        });
    

    如上的一段代码,在服务端出错时(http状态码为:5XX、4XX),ajax绑定的done, fail, always方法竟然一个都没有被触发。挺意外的,为什么这样呢?难道是jQuery的bug?

    仔细思考下jsonp的实现原理,其实不难找出问题的原因。

    jsonp调用时其实是在header中创建一个script的dom节点,然后通过script的资源调用方式去向远程服务器发送请求的,问题的关键就在这个script标签上。如果想知道这个资源地址有没有请求成功,我首先想到的是onload和onerror这两个回调函数,遗憾的是,ie6,7,8都是不支持script的onload和onerror回调!我想,这个应该是jquery无法捕获到这个错误的原因吧。

    那么有没有其它办法来处理这个错误呢,答案是有的,并且很简单,只要加上timeout参数即可:

        $.ajax({
            url: 'http://ptres.37.com/js/sq/modules/base44.js',
            type: 'GET',
            timeout: 2000,
            dataType: 'jsonp'
        })
        .done(function() {
            console.log("success");
        })
        .fail(function() {
            console.log("error");
        }).always(function(){
            console.log("always");
        });
  • 相关阅读:
    事件代理(event的target属性)
    搜狗输入法软件分析
    软件工程概论项目——第7天
    软件工程概论项目——第6天
    软件工程概论项目-第5天
    软件工程概论项目——第四天
    软件工程概论项目——典型用户场景分析
    软件工程概论项目-第三天
    软件工程概论项目-第二天
    软件工程概论项目——第一天
  • 原文地址:https://www.cnblogs.com/pao8041/p/4750403.html
Copyright © 2020-2023  润新知