无刷新登陆

 

无刷新登陆PHP验证：

 

<script scr="http://code.jquery.com/jquery.js" type="text/javascript"></script>
//导入jquery框架文件
<script type="text/javascript">
$(document).ready(function(){//函数入口
	$("#btn_login").click(function(){
		login();//点击ID为"btn_login"的按钮后触发函数login();
	});
});

function login(){
	var username = $("#username").val();//获取用户名
	var password = $("#password").val();//获取密码
	$.ajax({
		type: "POST",
		url: 'ajax.php',
		dataType: 'json',
		data: 'username = '+username+'&password='+password,
		success: function(json){
			//eval(json);
			alert(json.username+'\n'+json.password);
		}
	}); 
	
	});
}
</script>

echo json_encode(array('username'=>$_POST['username'],'password'=>$_POST['password']));
//json_encode的功能是把PHP中的变量数组再封装成json格式再echo出来返回给调用它的jquery.ajax()

 

 

总结：整个过程是：

用户填完用户名密码 单击按钮`登陆`

jQuery取得用户名 密码

jQuery把两个变量以post方式发送给login.php

login.php把变量进行处理 然后把返回封装成json

把json抛给 前台页面

前台解释得到的json数据 并进行下一步处理