ajax前端验证及发送数据

引入所需要的插件

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
<script src="https://www.layuicdn.com/layui/layui.js"></script>

ajax代码逻辑部分

$(function(){
        $('#Submit').on('click',function(){
            var username = $('input[name=username]');
            var password = $('input[name=password]');

            if(username.val() == ''){
                layer.msg('用户名不能为空!', {time: 1500, icon: 2});
                username.focus();
                return false;
            }

            if(password.val() == ''){
                layer.msg('密码不能为空!', {time: 1500, icon: 2});
                password.focus();
                return false;
            }

            $.ajax({
                // async:false,
                url : "youUrl",
                data: $('#theFormId').serialize(), //<from id="theFormId"> 定义form表单id
                type:'post',
                dataType:'json',
                success:function(res){
                    //根据res 返回的数据进行逻辑判断
                    if (1 == res.code) {
                        if (5 == res.data.status) {
                            layer.alert(res.msg, {icon: 2},function(){
                                window.location.href = res.url;
                            });
                        }else{
                            window.location.href = res.url;

                    } else {
                        layer.closeAll();
                        if ('vertify' == res.data.status) {
                            fleshVerify();
                        }
                        
                        if (2 == res.data.status) {
                            layer.alert(res.msg, {icon: 4});
                        } else {
                            layer.msg(res.msg, {icon: 2,time: 1500});
                        }
                    }
                },
                error:function(XMLHttpRequest, textStatus, errorThrown) {
                    layer.closeAll();
                    layer.alert('网络失败,请刷新页面后重试', {icon: 5});
                }
            });
        });
    });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容