AJAX
Posted 颠覆整个世界
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AJAX相关的知识，希望对你有一定的参考价值。
<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";
}
以上是关于AJAX的主要内容，如果未能解决你的问题，请参考以下文章