Status Code:200 但是执行error方法附JQuery AJAX标准写法

最新推荐文章于 2024-03-29 10:16:06 发布

原创最新推荐文章于 2024-03-29 10:16:06 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

代码仅供参考，如有疑问发送Mail给我地址：dGtjMDFAcXEuY29t

文章标签：

#JQuery

JQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用JQueryAjax实现的用户登录功能，包括POST请求、跨域设置、数据传输及处理、错误回调与成功响应的处理流程。展示了如何在不导入layui框架的情况下使用layer.alert进行对话框弹出。

JQuery Ajax写法（小白看）实现ajax上传弹出对话框用 layer.alert 实现不导入layui框架需直接改成alert

Status Code:200 但是还是往error:function走的时候检查一下后端返回的数据格式是否与 Ajax中dataType数据类型相符合

function userLogin() {//用户名登录
    $.ajax({
        type: 'POST',  //请求类型 有POST,GET等
        url: 'http://localhost/laravel55/public/Login', //请求接口地址
        crossDomain: true,
        data: {//传给后台的值
            UserName:$('#UserLogin').val(),
            PassWord:$('#PassLogin').val()
        }, //以JSON字符串形式把 user 传到后台
        timeout: 50000,  //请求超时时间，毫秒
        dataType: "json",//后台返回到前台的数据类型
        error: function (e) {  //请求失败的回调方法
            layer.alert('数据请求失败!', {
                skin: 'layui-layer-molv' //样式类名
                , closeBtn: 0
            }, function () {
                layer.close(layer.index);
            });
        },
        success: function (data) {//请求成功！返回的数据在data里面 需要的时候可以alert出来
            if(data.code=='101'){
                layer.alert('用户名或者密码错误请检查', {
                    skin: 'layui-layer-molv' //样式类名
                    , closeBtn: 0
                }, function () {
                    layer.close(layer.index);
                });
            }else{
                if(data.State=='1'){
                    layer.alert('您的账号已被封禁，请联系客服处理', {
                        skin: 'layui-layer-molv' //样式类名
                        , closeBtn: 0
                    }, function () {
                        layer.close(layer.index);
                    });
                }else{
                    window.location.href = "index.html";
                }
            }


        }
    })

}