首页 > Web开发 > 详细

ajax添加数据

时间:2017-05-13 15:46:09      阅读:287      评论:0      收藏:0      [点我收藏+]

一、用到数据库中的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";
}

最终效果:

技术分享

技术分享

 

ajax添加数据

原文:http://www.cnblogs.com/mengshenshenchu/p/6849053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!