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>&nbsp;&nbsp;&nbsp;<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实现数据的增删改查分页器组件分页器组件的介绍以及源码解读补充:源码下载,

随机推荐

server error in '/' applecation----Compiler Error Message: CS0016: Could not write to output file 'c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Files\root\xx' -- 'Access is denied
今天在阿里云虚拟机上部署新站点后出现下面的错误:server error in '/' applecation Compiler Error Message: CS0016: Could not wr ...
一个想法照进现实-《IT连》创业项目：三天的风投对接活动内幕分享
前言: 话说出来创业的,都有一颗寻找风投的心,只因都有一个共同的特征:缺钱. 有的只是缺几十万,有的缺几百万,有的缺几千万,有的缺几个亿. 中国的市场,只要有需求,就有服务,只要有服务,就多了套路. ...
关于报错：AttributeError: module 'turtle' has no attribute 'setup' 问题
对于我们菜鸟,往往安装软件后,都容易使用默认设置,结果将写的文件保存到了安装目录下. 这样造成了很大得隐患,如果写得文件,名称与安装目录下得系统文件名称重复,就容易出现以上报错. 解决方法:1.将文件 ...
JavaScript重新介绍
本文转载自 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript 引言为什么 ...
C#随机取得可用端口号
TCP与UDP段结构中端口地址都是16比特,可以有在0---65535范围内的端口号.对于这65536个端口号有以下的使用规定: (1)端口号小于256的定义为常用端口,服务器一般都是通过常用端口号来 ...
关于MFC中InvalidateRect()的思考与疑问
先看一段代码: void CFeatureEdit_LinePolyDLG::DrawRectAll(int type){ CClientDC dc(this); //底框画笔 CPen penRec ...
《C++之那些年踩过的坑（三）》
C++之那些年踩过的坑(三) 作者:刘俊延(Alinshans) 本系列文章针对我在写C++代码的过程中,尤其是做自己的项目时,踩过的各种坑.以此作为给自己的警惕. [版权声明]转载请注明原文来自:h ...
phpcms2008常用函数小结
{$head[title]} 页面标题,用法: <title>{$head[title]}-{$PHPCMS[sitename]}</title> {$PHPCMS[siten ...
Oracle子查询中any、some、all之间的区别
用some,any和all对子查询中返回的多行结果进行处理. 下面我们来简单介一下这几个关键词的含义. * Some在此表示满足其中一个的意义,是用or串起来的比较从句. * Any也表示满足其中一个 ...
Weblogic虚拟目录
p.MsoNormal,li.MsoNormal,div.MsoNormal { margin: 0cm; margin-bottom: .0001pt; text-align: justify; f ...

AJAX做增删改查详细！

AJAX做增删改查详细！的更多相关文章

随机推荐

热门专题