码迷,mamicode.com
首页 > Web开发 > 详细

ajax添加数据

时间:2017-05-13 16:08:57      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:cli   失败   rip   文档   ges   bsp   asc   img   htm   

一、用到数据库中的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添加数据

标签:cli   失败   rip   文档   ges   bsp   asc   img   htm   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!