AJAX做增删改查详细！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>
</head> <body>
<div>
<h1>新增</h1>
辖区：<input type="text" id="xiaqu"/>
<br />
姓名：<input type="text" id="name" />
<br />
性别：<input type="text" id="sex" />
<br />
证件：<input type="text" id="zhengjian" />
<br />
电话：<input type="text" id="tel" />
<br />
住址：<input type="text" id="zhuzhi" />
<br />
<input type="submit" id="tj" value="添加" />
</div>
<div>
<h1>信息</h1>
<table width="100%" border="1px" cellspacing="" cellspacing="">
<tr>
<td>辖区</td>
<td>姓名</td>
<td>性别</td>
<td>证件</td>
<td>电话</td>
<td>住址</td>
<td>操作</td>
</tr> <tbody id="aa1">
</tbody>
</table>
<div style="border-left:2px solid #444; border-bottom:#444 2px solid; border-right:2px solid #444; text-align:center; display:none;color:red" id="ts">没有更多信息！！</div>
</div>
<div id="xgnr"> </div>
</body>
</html>
<script type="text/jscript">
jia();
//添加信息
$("#tj").click(function(){ var xq = $("#xiaqu").val();
var name = $("#name").val();
var sex = $("#sex").val();
var zj = $("#zhengjian").val();
var tel = $("#tel").val();
var zz = $("#zhuzhi").val(); $.ajax({
url:"add.php",
data:{xq:xq,name:name,sex:sex,zj:zj,tel:tel,zz:zz},
type:"POST",
dataType:"text",
success:function(data){
if(data=="")
{
//alert("添加成功");
window.location.href="test.php";
}
else
{
alert("");
} }
})
}) //大方法
function jia()
{
//显示信息
$.ajax({
url:"cha.php",
type:"POST",
dataType:"text",
success: function(data){
var str = "";
if(data=="")
{
$("#ts").css("display","block");
}
else
{
var hang = data.split("|"); for(var i=;i<hang.length;i++)
{
var lie = hang[i].split("^"); str += "<tr><td>"+lie[]+"</td><td>"+lie[]+"</td><td>"+lie[]+"</td><td>"+lie[]+"</td><td>"+lie[]+"</td><td>"+lie[]+"</td><td><span class='sc1' bs='"+lie[]+"'>删除</span> <span class='xg1' bs='"+lie[]+"'>修改</span></td></tr>";
}
$("#aa1").html(str); //删除信息
$(".sc1").click(function(){
var code = $(this).attr("bs")
if(confirm('确定删除么'))
{
$.ajax({
url:"shanchu.php",
data:{a:code},
type:"POST",
dataType:"text",
success:function(data){
if(data=="")
{
//alert("删除成功")
window.location.href="test.php";
}
else
{
alert("删除失败") } }
})
}
}) //查询修改的信息
$(".xg1").click(function(){
var code = $(this).attr("bs")
$.ajax({
url:"xiugai.php",
data:{a:code},
type:"POST",
dataType:"text",
success:function(data){
var str = "";
var hang = data.split("|"); for(var i=;i<hang.length;i++)
{
var lie = hang[i].split("^"); str += "<h1>修改</h1><input type='hidden' id='yc' value='"+lie[]+"' />辖区：<input type='text' id='xiaqu1' value='"+lie[]+"'/><br />姓名：<input type='text' id='name1' value='"+lie[]+"'/><br />性别：<input type='text' id='sex1' value='"+lie[]+"'/><br /> 证件：<input type='text' id='zhengjian1' value='"+lie[]+"'/><br /> 电话：<input type='text' id='tel1' value='"+lie[]+"'/><br />住址：<input type='text' id='zhuzhi1' value='"+lie[]+"'/><br /><input type='submit' id='xiugai' value='修改' />";
}
$("#xgnr").html(str);
//修改信息
$("#xiugai").click(function(){
var yc1 = $("#yc").val();
var xq1 = $("#xiaqu1").val();
var name1 = $("#name1").val();
var sex1 = $("#sex1").val();
var zj1 = $("#zhengjian1").val();
var tel1 = $("#tel1").val();
var zz1 = $("#zhuzhi1").val();
$.ajax({
url:"xiugaichuli.php",
data:{yc:yc1,xq:xq1,name:name1,sex:sex1,zj:zj1,tel:tel1,zz:zz1},
type:"POST",
dataType:"text",
success:function(data){
if(data=="")
{
//alert("添加成功");
window.location.href="test.php";
}
else
{
alert("");
}
}
})
}) }
})
})
}
}
})
}
</script>
添加处理页面
<?php
include("./xsdb.class.php");
$xq = $_POST["xq"];
$name = $_POST["name"];
$sex = $_POST["sex"];
$zj = $_POST["zj"];
$tel = $_POST["tel"];
$zz = $_POST["zz"];
$db = new xsdb();
$sql = "insert into shuju values('','{$xq}','{$name}','{$sex}','{$zj}','{$tel}','{$zz}')";
echo $db->Query($sql,0);
删除处理页面
<?php
include("./xsdb.class.php");
$code = $_POST["a"];
$db = new xsdb(); $sql = "delete from shuju where id='{$code}'"; echo $db->StrQuery($sql,0);
修改处理页面（查找要修改的数据信息）
<?php
include("./xsdb.class.php");
$a = $_POST["a"];
$db = new xsdb(); $sql = "select * from shuju where id='{$a}'"; echo $db->StrQuery($sql);
修改处理页面（实现数据修改）
<?php
include("./xsdb.class.php");
$yc = $_POST["yc"];
$xq = $_POST["xq"];
$name = $_POST["name"];
$sex = $_POST["sex"];
$zj = $_POST["zj"];
$tel = $_POST["tel"];
$zz = $_POST["zz"];
$db = new xsdb();
$sql = "update shuju set xiaqu='{$xq}',name='{$name}',sex='{$sex}',zhengjian='{$zj}',tel='{$tel}',zhuzhi='{$zz}' where id='{$yc}'";
echo $db->Query($sql,0);
查询处理页面
<?php
include("./xsdb.class.php"); $db = new xsdb(); $sql = "select * from shuju"; $r = $db->StrQuery($sql);
if($r)
{
echo $r;
}
else
{
echo"111";
}
数据库封装及返回数据TEXT JSON
<?php
class xsdb
{
public $host="localhost";
public $uid = "root";
public $pwd = "密码";
public $dbname = "test"; //成员方法
public function Query($sql,$type=1)
{
$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
$r = $db->query($sql); if($type==1)
{
return $r->fetch_all();
}
else
{
return $r;
}
} //返回字符串的方法
public function StrQuery($sql,$type=1)
{
$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
$r = $db->query($sql); if($type==1)
{
$attr = $r->fetch_all();
$str = "";
foreach($attr as $v)
{
$str .= implode("^",$v)."|";
} return substr($str,0,strlen($str)-1); }
else
{
return $r;
}
} //返回JSON
function JSONQuery($sql,$type=1)
{
$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
$r = $db->query($sql); if($type==1)
{
return json_encode($r->fetch_all(MYSQLI_ASSOC));
}
else
{
return $r;
}
}
}
----------------------------------------------------------------------------------------------------以下内容纯为凑字数无视就可以了--------------------------------------------------------------------------------------
在日内瓦总部，马云打趣说，拿到offer半年多了，一直在出差，今天终于回来“打卡上班”，激动坏了。据统计，仅2016年，马云就飞行了800多个小时，走访了33个国家和地区。马云说，在环球旅途中他跟总统、总理和企业家们交流越多，对全球化就越有信心。
联合国贸易和发展会议秘书长基图伊与200多员工一早即在办公室等候，在全场欢迎同事马云的热情掌声中，基图伊对马云笑道：“你太受欢迎了，今天简直是联合国的JACK MA日。”
在现场交流中，马云对他的联合国同事们说：“我是全球化的坚定支持者，全球化到目前为止才发展了20年到30年，还是一个婴儿。现在是完善全球化的最好时机，只有更好的全球化，才能实现普惠、可持续、健康和快乐。eWTP就是为了这一目标而构建，eWTP不仅推动小企业全球化，更将推动理念和基础设施的全球化。”
他强调，自己的这些旅程，“是来全球化电商的，不是来全球化阿里巴巴的。”
AJAX做增删改查详细！的更多相关文章
- ajax参考增删改查
AJAX做增删改查详细! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- sqlHelper做增删改查,SQL注入处理，存储值，cookie，session
一.存储值 eg:登录一个页面,在进入这个页面之前你怎么知道它登没登录呢?[在登录成功之后我们把状态保存起来] 存储值得方式有两种,一种是cookie,一种是session 1.1区别: 代码: if ...
- java对xml文件做增删改查------摘录
java对xml文件做增删改查 package com.wss; import java.io.File;import java.util.ArrayList;import java.util.Lis ...
- vue实战(一):利用vue与ajax实现增删改查
vue实战(一):利用vue与ajax实现增删改查: <%@ page pageEncoding="UTF-8" language="java" %> ...
- MVC学习-用EF做增删改查
在做增删改查先,先介绍几个知识点: 1.代理类 在将对象方法EF数据上下文时,EF会为该对象封装 一个代理类对象, 同时为该对象的每一个属性添加一个标志:unchanged, 当对该对象某个属性进行操 ...
- MVC中的Ajax与增删改查
自入手新项目以来,一直处于加班状态,博客也有两周没更,刚刚完成项目的两个模组,稍有喘息之机,写写关于项目中 的增删改查,这算是一个老生常谈的问题了,就连基本的教材书上都有.刚看书的时候,以为 没什么可 ...
- MVC中的Ajax与增删改查（一）
自入手新项目以来,一直处于加班状态,博客也有两周没更,刚刚完成项目的两个模组,稍有喘息之机,写写关于项目中 的增删改查,这算是一个老生常谈的问题了,就连基本的教材书上都有.刚看书的时候,以为 没什么可 ...
- VS连接SQL Server数据库，增删改查详细教程（C#代码）_转载
工具: 1.Visual Studio (我使用的是vs2013) 2.SQL Server (我使用的是sql server2008) 操作: 1.打开SQL Server,打开后会看到数据库的初 ...
- 基于django做增删改查组件，分页器组件
增删改查组件 一.Djangoadmin的启发 二.基于Djangoadmin实现数据的增删改查 分页器组件 分页器组件的介绍以及源码解读 补充:源码下载,
随机推荐
- sqlplus入门使用
1.如果在PL/SQL 等工具里打开的话,直接修改下面的代码中[斜体加粗部分]执行 2.确保路径存在,比如[D:\oracle\oradata\Oracle9i\]也就是你要保存文件的路径存在 /*分 ...
- 【转】对Django框架架构和Request/Response处理流程的分析
本文转载于疯狂的蚂蚁. 一. 处理过程的核心概念 如下图所示django的总览图,整体上把握以下django的组成: 核心在于中间件middleware,django所有的请求.返回都由中间件来完成. ...
- WebX框架学习笔记之一
Webx是什么? Webx是一套基于Java Servlet API的通用Web框架.它在Alibaba集团内部被广泛使用.从2010年底,向社会开放源码. Webx的发展历史 2001年,阿里巴巴内 ...
- (21)IO流之对象的序列化和反序列化流ObjectOutputStream和ObjectInputStream
当创建对象时,程序运行时它就会存在,但是程序停止时,对象也就消失了.但是如果希望对象在程序不运行的情况下仍能存在并保存其信息,将会非常有用,对象将被重建并且拥有与程序上次运行时拥有的信息相同.可以使用 ...
- win32最简单的htmlayout图形界面demo
1,下载HTMLayoutSDK,放在workspace. SDK下载地址:http://www.terrainformatica.com/htmlayout/HTMLayoutSDK.zip 2,v ...
- lucene原理及源码解析--核心类
马云说:大家还没搞清PC时代的时候,移动互联网来了,还没搞清移动互联网的时候,大数据时代来了. 然而,我看到的是:在PC时代搞PC的,移动互联网时代搞移动互联网的,大数据时代搞大数据的,都是同一伙儿人 ...
- VC++中经常出现的内存泄露和指针问题
要养成良好的编程习惯,每次用new开辟的新空间马上先写好释放语句delete.指针在程序中往往有很多细节问题,比如1.指针作为返回值,某个分支中进行赋值返回,另一个分支却没有值.2.指针作为函数参数传 ...
- css远距离链接
远距离链接主要运用了hover伪类,但是运用了两次 <!DOCTYPE html> <html lang="en"> <head> <me ...
- JavaWeb之Cookie和Session的区别
Cookie和Session的区别 一.cookie机制和session机制的区别 ********************************************************** ...
- Android中启动页ViewPager和ViewFlipper带指示器
版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 首先我们来分析一下,想要实现启动页的功能,大家第一个想到的就是使用ViewPager,使用ViewPager确实是一种比 ...