基于jquery的ajax验证登录$.ajax()和$.post()

(一) login.html

                <form >
                                <input id="username" placeholder="手机/邮箱/用户名" type="text" >
                                <input id="password" placeholder="密码" type="password">
                            <div  id="submit">
                                登录
                            </div>
                </form>

（二） JavaScript--$.ajax()方法

        var cust="";
        var password="";
        
        $("#submit").click(function(){
            cust=$("#username").val();
            password=$("#password").val();
                $.ajax({
                url:'http://192.168.130.6:8080/WESP/application/user/login',
                data:{
                    tel:cust,
                    password:password
                },
                type:'post',
                offline:false,
                success:function(data){
                    alert(data);
                    
                },
                erro:function(e){
                    alert(e);
                    
                }
                
            });       
        });

（三） JavaScript--$.post()方法

        $(function(){
            $("#submit").click(function(){
                var username = $.trim($("#username").val());
                var password = $.trim($("#password").val());
                var url = 'http://192.168.130.6:8080/WESP/application/user/login';
                 // alert(username);
                 // alert(password);
                if(username == ""){
                    alert("username is NULL!");
                    return false;
                }else if(password == ""){
                    alert("password is NULL!");
                    return false;
                }
                $.post(url,'tel=' + username + '&password=' + password,
                function(json){
                    if(json.status == 0){
                        alert("defeat");
                    }else{
                        alert("success");
                    }
                },'json')
            })
       });

转载于:https://my.oschina.net/u/2596628/blog/552344