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

(一) login.html

登录

(二) 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')

})

});