ajax基础

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购物注册</title>
<script src="../JS/jquery-1.8.2.min.js"></script>
</head>

<body>
<div>用户名: <input type="text" id="uid" /><span id="kk"></span></div>
<div>密   码: <input type="text" id="pwd" /></div>
<div>姓   名: <input type="text" id="name" /></div>
<div><input  type="button" value="注册" id="zhuce"/></div>
</body>
</html>
<script>
$("#uid").blur(function(){
	var uid = $(this).val();//回调函数
	$.ajax({
		url:"Gchakan.php", //处理页面的路径
		data:{uid:uid}, //要提交的数据是一个JSON
		type:"POST", //提交方式
		dataType:"TEXT", //返回数据的类型
				//TEXT字符串 JSON返回JSON XML返回X
		success:function(kiss){ //回调函数
			if(kiss.trim()=="no")
				{
				$("#kk").html("该用户名可用");
				$("#kk").css("color","green");
				}
			else
				{
				$("#kk").html("该用户名不可用");
				$("#kk").css("color","red");
				}
			}
		})
	})
$("#zhuce").click(function(){
	var u =$("#uid").val();
	var p =$("#pwd").val();
	var n =$("#name").val();
	
	$.ajax({
		url:"Gzc.php",
		data:{u:u,p:p,n:n},
		type:"POST",
		dataType:"text",
		success: function(data){
			if(data.trim()=="ok")
			{
				alert("注册成功");
			}
			else
			{
				alert("注册失败");
			}
			
		}
	})
	
})
</script>
查看用户名是否注册
<?php
$uid = $_POST["uid"];
require "Wxk.class.php";
$db =new Wxk();
$sql =  " select count(*) from login where UserName = '{$uid}'";
$arr = $db->query($sql);
$arr[0][0];
if($arr[0][0])
{
	echo "ok";
}
else
{
	echo "no";	
}
注册写入处理页面
<?php
require "Wxk.class.php";
$db =new Wxk();

$uid = $_POST["u"];
$pwd = $_POST["p"];
$name = $_POST["n"];



$sql = "insert into login values('{$uid}','{$name}','{$pwd}',100)";

if($db->query($sql,0))
{
 	echo "ok";
}
else
{
	echo "no";
}

 


 

 

posted @ 2017-05-12 16:00  <一>  阅读(109)  评论(0编辑  收藏  举报