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";
}

最终效果:

时间: 2024-10-17 23:52:41

ajax添加数据的相关文章

使用AJAX添加数据!

在数据库当中建一张表!写上需要打印出来的值内容!以下每句代码都有注释 多的我就不说了,具体代码如下所示: 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> 4 <script type="text/javascript" src="pp.js"></

ajax显示表格详情与添加数据(jQuery ajax - serialize() 方法)

0.表格样式 1.显示详情 第一种方法:利用表格的基本数据与从数据库中获取结合. 主要代码: <c:if test="${danger.dangerstatus eq '已整改'}"> <!-- 变活, 1 :隐患id ,1 :跟踪id --> <a href="javascript:void(0)" onClick="el_setFour(this,${danger.dangerid},${danger.followid }

点滴笔记(一):for循环ajax请求添加数据

项目里遇到循环添加数据,添加多条数据到主表后,还要根据每条主表数据主键ID添加到子表里,于是想到post提交 发现循环post没效果,也没async参数.. 于是用ajax里面有async设置了false,循环添加也没达到效果.. 一开始的写法 for(int a=0;a<10;a++) { $.ajax({                 url: "url",                 dataType: 'json',     async:false         

用ajax对数据进行删除和查看

删除和查看详情操作的共同语句:就是怎么显示表? 1.在主体中写表的开头行,想要显示的内容,并且加载数据也要显示的地方也建张表 <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> //开头行显示的内容 <td>代号</td> <td>名称</td> <td>价格

框架 day50 BOS项目 4 批量导入(ocupload插件,pinyin4J)/POI解析Excel/Combobox下拉框/分区组合条件分页查询(ajax)/分区数据导出(Excel)

知识点: 批量导入(ocupload插件,pinyin4J /POI解析Excel(apache POI) /区域分页查询 /Combobox下拉框 /分区组合条件分页查询(ajax) /分区数据导出(Excel下载) BOS项目笔记第4天 1.    区域批量导入功能 *Ajax不支持文件上传. *上传并且不刷新上传页面原理: Target到一个0,0,0的隐藏iframe里,造成一个没有刷新的假象 <form target="myIframe" action="ab

SpringMVC+easyUI中datagrid行编辑模式(添加数据)实现_2014.5.2

一.概述 根据我们平常的习惯,一共有两种修改模式,一种是弹窗是修改,将原有的数据提取到dialog上,然后再重新提交到后台(好像easyui里面有个onAfterEdit,这个事件里面有三个参数,其中的一个参数就是发现数据是否有改变),而第二种方式就是实现行编辑模式,在原有的datagrid上添加一个空行,(本例是实现添加数据,不考虑原有数据). 二.实现 1.后台就不赘言了.直接上代码,但是我还是有个疑问,对于SpingMVC的Controller层次中的方法的**入参**,我在前台通过aja

H5动态添加数据-老牛大讲堂

一.怎样实现动态添加数据呢? 首先要获得数据.一般通过ajax获得数据(参考我写的ajax跨域通信).之后动态添加数据. 下面我从简单到复杂介绍一下动态添加数据. 例子一:首先编写json数据,然后动态添加数据. <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="../H/js/jquery-3.0.0.min.js

使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。

getaddress(); function getaddress(type=0,parent='') { var tid=1; $.ajax({ type: "post", url: 'cityajax.php', dataType: "json", data: "type="+type+"&parent="+parent, success: function (data) { if (!jQuery.isEmpty

MVC使用jQuery.ajax()删除数据

jQuery.ajax()可以简写为$.ajax().以前有写过MVC删除的实现,如<MVC实现删除数据库记录> http://www.cnblogs.com/insus/p/3368042.html 和<MVC 5显示.创建.编辑.删除等功能实练>http://www.cnblogs.com/insus/p/3372916.html .不过此次Insus.NET想使用jQuery.ajax()方法来实现. 能实现到此功能,也有遇上很多困难以及花费很多时间.当你看到此篇时,你会看到