php mysql ajax登录界面_AJAX实现登录界面

使用php跳转界面和AJAX都可实现登录界面的跳转的登录失败对的提醒。但是，php跳转的方式

需要额外加载其他界面，用户体验差。AJAX可实现当前页面只刷新需要的数据，不对当前网页进行

重新加载或者是跳转。

做一个简单的登录界面：

用户名 :

密 码 :

然后是js代码，使用jq比较简单，所以要先引入jq文件包。

其次获取用户名和密码的值：

var uid = $("#uid").val();

var pwd = $("#pwd").val();

设置好之后就可以进行AJAX的设置了：

$.ajax({

type: "post",

url: "dengluchuli.php",

data: {

u: uid,

p: pwd

},

dataType: "TEXT",

success: function(r) { //r为返回值

if(r.trim() == "y") { //y为 url跳转网页中传回的值。

window.location.href = "跳转界面";

} else {