ajax添加数据

一、用到数据库中的minzu表：

添加页面代码如下：

复制代码
<title>无标题文档</title>
<script src="jquery-3.2.0.min.js"></script>
</head>

<body>

<h1>添加数据</h1>
<div>代号:<input type="text" id="code" /></div>
<div>名称:<input type="text" id="name1" /></div>
<input type="button" value="添加" id="add" />
</body>
<script type="text/javascript">
$("#add").click(function(){
    var code = $("#code").val();
    var name1 = $("#name1").val();
    
    $.ajax({
        url:"tianjia.php", //要处理的页面
        data:{c:code,n:name1},  //要传过去的数据
        type:"POST",  //提交方式
        dataType:"TEXT", //返回的数据类型，TEXT字符串 JSON返回JSON XML返回XML；dataType中T要大写！！
        success: function(data){ //回调函数，data为形参，是从login-cl.php页面返回的值
            if(data.trim()=="OK") //trim()去空格
            alert("添加成功");
            else
            alert("添加失败");
        }
        
    });
})
</script>
</html>
复制代码

处理页面：

复制代码
<?php
$code = $_POST["c"];
$name1 = $_POST["n"];
require "DBDA.class.php";
$db = new DBDA();

$sql = "insert into minzu values('{$code}','{$name1}')";
if($db->query($sql,0))
{
    echo "OK";
}
else
{
    echo "NO";
}
复制代码

最终效果：

 

posted @   梦深深处  阅读(9046)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示
AI IDE Trae