网站首页杂项

Ajax 阻止验证未通过时异步处理下一个数据

发布时间：2018-06-13编辑：Cary.He

$(document).ready(function(){
    $("#mySubmit").submit(function(){
        var name = $('#username').val();
        var pass = $('#password').val();
        var action_url = $('form').attr('action');
        var data_url = $('#data_url').val();        //成功跳转页面
        if(name == '' || pass == '')
        {
            $(".mess").text('用户名和密码不能为空!');
            $(".mess").fadeIn(0);
            $(".mess").fadeOut(3000);
            return false;
        }
        else
        {
            var bol=true;
            $.ajax({
                type: "POST",
                async:false,    //同步处理,默认true异步，阻止验证未通过进行下一步操作
                url: action_url,
                data: {username: name, password: pass},
                success: function (data) {
                    var show = eval('('+data+')');
                    //console.log(data);   //data即为后台返回的数据
                    if(show['status']==300)
                    {
                        $('.mess').text(show['mess']);
                        $(".mess").fadeIn(0);
                        $(".mess").fadeOut(3000);
                        bol = false;
                    }
                    if(show['status']==200)
                    {
                        //$('.mess').text(show['mess']);
                        //alert(data_url)
                        window.location.href=data_url;  //登录成功跳转
                        bol = false;
                    }
                }
            });
            return bol;
        }
    });
});