欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ajax回调函数

程序员文章站 2022-04-28 23:53:48
...

对于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这三个参数可以在浏览器显示回调失败的原因,如下:
ajax回调函数

相关标签: ajax

上一篇: Ajax

下一篇: Ajax