码迷,mamicode.com
首页 > Web开发 > 详细

0516ajax

时间:2016-05-16 22:01:52      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

<!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="../0516JSON弹窗/0516/jquery-1.11.2.min.js"></script>
</head>

<body>
<div><input type="text" id="nr" /><span id="shuzu"></span></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#nr").blur(function() {
		
		var zhi=$(this).val();  取出文本框里面的内容
		调用ajax
		$.ajax({
			url:"chuli.php",  在chuli.php页面处理
			data:{z:zhi},   传递文本框的数据
			type:"POST",    传递数据的方法
			dataType:"TEXT",    返回数据的类型
			success: function(data){      ajax调用成功之后调用方法
				 if(data=="ok")
				 {
				   var ok="该用户名可以使用";
				   $("#shuzu").html(ok);	
				 }
				 else
				 {
					 var no="<span style=‘color:red‘>该用户名已存在,请重新输入</span>";
					 $("#shuzu").html(no)
				 }
				
				}
						
			})
        
    });
		
});

</script>
</html>

处理页面
<?php
$zhi=$_POST["z"];
include("../0512分页查询/0512/DBDA.php");
$db=new DBDA();
$sql="select count(*) from users where uid=‘{$zhi}‘";
$jieguo=$db->Query($sql);
if($jieguo[0][0]==1)
{
   echo"no";	
}
else
{
	echo"ok";
}

  



  

0516ajax

标签:

原文地址:http://www.cnblogs.com/wcc731546227/p/5499497.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!