实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<title></title>
</head>
<body>
<form action="api/login.php" method="post">
<p>账号：<input type="text" name="name" id="name" value="" placeholder="邮箱/手机号/用户名" /></p>
</form>
</body>
<script type="text/javascript">
$('#name').blur(function(){
// 基本语法 $({url,type,dataType,saync,data,success})
$.ajax(
// 参数中必须用大括号包裹{}
{url:'api/login.php',
//提交方式
type:'GET',
//数据类型
dataType:'json',
// 是否异步 默认值为true
async:true,
//data:{
//'name':$('#name').val()
//},
//数据打包 序列化
data:$("form:first").serializeArray(),
//回调函数 返回数据
success:function(msg,status,xhr){
console.log(msg)
// 清空内容
$('p span').empty()
// 获取返回值的tips
$('p').append(msg.tips)
}
}
)
//2.方法2
// $.ajax(
// {url:'api/login.php',
// type:'GET',
// dataType:'json',
// async:true,
// /*data:{
// 'name':$('#name').val()
// },*/
// data:$("form:first").serializeArray(),
//
// }
//
// ).done(function(msg,status,xhr){
// console.log(msg)
// $('p span').empty()
// $('p').append(msg.tips)
//
// })
})
</script>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<?php
//声明数组 后期需要从数据库中获取
$namearr= array('123456','admin','liuzhi','ceshi');
//$_GET传递过来的参数
$username = $_GET['name'];
//条件判断 用到的方法有 strlen（）获取字符串长度 trim（）去除支付左右空格
//json_encode（） 转换成json数据 array（）数组 is_numeric（）是否是数值
//in_array（$a，$array）是否在数组里面参数第一个为值 第二个是数组
if(strlen(trim($username)) == 0){
$tips = '<span style="color:red">用户名不能为空</span>';
$status = 0;
echo json_encode(array('status'=>$status,'tips'=>$tips));
}else if(in_array($username, $namearr)){
$tips = '<span style="color:red">用户名称已存在</span>';
$status = 0;
echo json_encode(array('status'=>$status,'tips'=>$tips));
}else if(is_numeric($username)){
$tips = '<span style="color:red">不能为纯数字</span>';
$status = 0;
echo json_encode(array('status'=>$status,'tips'=>$tips));
}else{
$tips = '<span style="color:green">用户名可以使用</span>';
$status = 0;
echo json_encode(array('status'=>$status,'tips'=>$tips));
}
?>运行实例 »
点击 "运行实例" 按钮查看在线实例
