正文
ajax来判断用户是否登录与添加
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
首先在用ajax之前，先说一下JSON:
JSON:javascript object notation js对象标记
对于json，我们只需要知道如何定义json？如何输出？怎么遍历？
1、定义json
var a =
{
"one":"111",
"two":"222",
"three":arr, -------可以是数组（var arr=new Array(2,3,4)）
"four":{"hello":"您好"}------可以是json
}
由此可知：我们用花括号保存对象，用逗号分隔，写法有点像关联数组
2、输出json
alert(a.one)
alert(a.four.hello)
3、遍历json
for(var k in a)
{
alert(a[k]);
}
例题1：判断用户是否存在？
1.这里需要跟数据库进行连接判断
这是我用的表
2.实现的效果
这是还没被注册的
这是注册的
代码如下：
<title>无标题文档</title>
<script src="jquery-3.2.0.js"></script>//引用jquery包
</head> <body>
<input type="text" id="uid" /><span id="tishi"></span>
</body>
<script type="text/javascript">
$("#uid").blur(function(){
//取数据
var uid = $(this).val(); //取数据库进行匹配
$.ajax({
url:"tianjia.php",
data:{u:uid},
type:"POST",
dataType:"TEXT",
success: function(data){
if(data.trim()=="OK")
{
$("#tishi").html("该用户名可用");
$("#tishi").css("color","green");
}
else
{
$("#tishi").html("该用户名不可用");
$("#tishi").css("color","red");
}
} }) }) </script>
处理页面代码：
<?php
$uid=$_POST["u"];
require "DBDA.class.php";
$db=new DBDA(); $sql="select count(*) from yuangong where UserName='{$uid}'";
$arr=$db->query($sql);
if($arr[0][0])
{
echo "NO";
}
else
{
echo "OK";
}
例题2，往数据库中添加数据
数据库
然后我们再看数据库就有了
页面代码：
<title>无标题文档</title>
<script src="jquery-3.2.0.js"></script>
</head> <body>
<h1>添加数据</h1>
<div>代号：<input type="text" id="biaohao" /></div>
<div>民族：<input type="text" id="minzu" /></div>
<input type="button" value="添加" id="add" />
</body>
<script type="text/javascript">
$("#add").click(function(){
var biaohao=$("#biaohao").val();//取值
var minzu=$("#minzu").val(); $.ajax({
url:"tianjia.php",
data:{b:biaohao,m:minzu},
type:"POST",
dataType:"TEXT",
success: function(data){
if(data.trim()=="OK")
{
alert("添加成功");
}
else
{
alert("添加失败");
} } });
}) </script>
处理页面
<?php
$biaohao=$_POST["b"];
$minzu=$_POST["m"];
require "DBDA.class.php";
$db=new DBDA(); $sql="insert into nation values('{$biaohao}','{$minzu}')";
if($db->query($sql,0))
{
echo "OK";
}
else
{
echo "NO";
}
