您的位置：首页 > 其它

AJAX

2016-05-25 18:56 453 查看 
<head>
<script src="../jquery-2.2.3.min.js"></script>
</head>

<body>
<div>
<input type="text" id="uid" /><span id="xinxi"></span>
</div>
</body>

<script type="text/javascript">
$(document).ready(function(e) {

$("#uid").blur(function(){

//把文本框的值取出来
var uid = $(this).val();

//调用ajax
$.ajax({

url:"ChuLi.php",//处理页面
data:{n:uid}, //传递的数据，JSON数据
type:"POST", //提交方式
datatype:"TEXT", //返回数据的类型
success:function(data){ //回调函数

if(data=="OK")
{
var str = "该水果名可以添加！";
$("#xinxi").html(str);
}
else
{
var str = "<span style='color:red'>该水果名已经存在！</span>";
$("#xinxi").html(str);
}
}

});

})

});
</script>


处理页面：

<?php
//接收传递过来的参数
$name = $_POST["n"];
//查数据库
include("../DBDA.class.php");
$db = new DBDA();

$sql = "select count(*) from fruit where Name='{$name}'";

$attr = $db->Query($sql);

if($attr[0][0] == 1)
{
echo "NO";
}
else
{
echo "OK";
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航