5月16日 AJAX

Posted 2020-07-08 D董小姐

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了5月16日 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:name}, //传递的数据，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";
}

以上是关于5月16日 AJAX的主要内容，如果未能解决你的问题，请参考以下文章