ajax回调函数

对于ajax回调函数,大家都知道success这个回调的成功函数,那如果回调失败了ajax会怎么执行呢?我们来写一个小例子,借此来加深对ajax回调函数的理解。
代码如下:

    $.ajax({
            url: "/api/v1_0/areas",
            type: "GET",
            contentType: "application/json",
            dataType: "json",
            headers: {
                "X-CSRFToken": getCookie("csrf_token")
            },
            success: function (resp) {

                if (resp.errno == 0) {

                    //获取到了城区信息
                    var areas = resp.data.areas;
                    for (i = 0; i < areas.length; i++) {
                        var area = areas[i];
                        $("#area-id").append('<option value="' + area.aid + '">' + area.aname + '</option>')
                    }
                } else {
                    alert(resp.errmsg)
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(false)
            }

        }, "json")

error是充当ajax回调失败的角色,XMLHttpRequest, textStatus, errorThrown这三个参数可以在浏览器显示回调失败的原因,如下:
这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_40612082/article/details/81131565
今日推荐