27.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQ post请求,弹出返回的数据对象</title>
<script type="text/javascript" src='./js/jquery.js'></script>
</head>
<body>
<form action="">
<p>用户名:<input type="text" name="u" /></p>
<p>密码:<input type="text" name="p" /></p>
<p><input type="submit" value="提交" /></p>
</form>
</body>
<script type="text/javascript">
$('form').submit(function(){
var data = { //准备好要传的值, 用json格式
'u' : $('input[name="u"]').val(), //获取input里的用户名里
'p' : $('input[name="p"]').val() //获取input里的密码
};
$.post('27.php' , data , function(res){ //发送post请求,data是要传的数据,res接收传回来的值
alert(res); //弹出接收回来的值
});
return false; //sublit绑定事件必需写,这然页面就会刷新了
});
</script>
</html>
-----------------------------------------
27.php中:
<?php
print_r($_POST); // 27.html打印出来POST传传过来的数据
?>
----------------------------------------------------------------------------------------------------------------------------------------------
26.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQ get请求验证用户名</title>
<script type="text/javascript" src='./js/jquery.js'></script>
</head>
<body>
<input type="text" name="username" value=""><span id=reg></span>
</body>
<script type="text/javascript">
$('input:text').blur(function(){ //绑定blur表单聚焦事件
var url= '26.php?un='+$('input').val(); //准备要地址里要传的数据
//console.log(url);
$.get(url,function(res){
if(res=='1'){ //判断res接收回来的值,如果等于,就是已经占用,否则用户名可以使用,
$('#reg').html('<font color="red">用户名已被占用</font>');
}else{
$('#reg').html('<font color="geen">可以使用</font>');
}
});
});
</script>
</html>
-------------------------------------------------
26.php:
<?php
$un=$_GET['un'];
echo in_array($un,array('zhangsan','lisi','wangwu'))?1:0; //如果传来的值在数组中就返回1,否则返回0
?>