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="0" cellspacing="0">

    <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=="1")

            {

                //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=="111")

        {

            $("#ts").css("display","block");

        }

        else

        {

        var hang = data.split("|");

        for(var i=0;i<hang.length;i++)

        {

            var lie = hang[i].split("^");

            str += "<tr><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td><td>"+lie[5]+"</td><td>"+lie[6]+"</td><td><span class='sc1' bs='"+lie[0]+"'>删除</span>&nbsp;&nbsp;&nbsp;<span class='xg1' bs='"+lie[0]+"'>修改</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=="1")

            {

                //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=0;i<hang.length;i++)

        {

            var lie = hang[i].split("^");

            str += "<h1>修改</h1><input type='hidden' id='yc' value='"+lie[0]+"' />辖区：<input type='text' id='xiaqu1' value='"+lie[1]+"'/><br />姓名：<input type='text' id='name1' value='"+lie[2]+"'/><br />性别：<input type='text' id='sex1' value='"+lie[3]+"'/><br />    证件：<input type='text' id='zhengjian1' value='"+lie[4]+"'/><br />    电话：<input type='text' id='tel1' value='"+lie[5]+"'/><br />住址：<input type='text' id='zhuzhi1'  value='"+lie[6]+"'/><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=="1")

        {

            //alert("添加成功");

            window.location.href="test.php";

        }

        else

        {

            alert("11");

        }

      }

    })

  })

}

})

})

}

}

})

}

</script>

全选反选

        $("#SelectAll").click(function () {

            if ($("#SelectAll").is(":checked")) {

                $("[name=r1]:checkbox").prop("checked", true)

            } else {

                $("[name=r1]:checkbox").prop("checked", false)

            }

        })

==========================

ajax参考增删改查的更多相关文章

vue实战(一):利用vue与ajax实现增删改查
vue实战(一):利用vue与ajax实现增删改查: <%@ page pageEncoding="UTF-8" language="java" %> ...
MVC中的Ajax与增删改查
自入手新项目以来,一直处于加班状态,博客也有两周没更,刚刚完成项目的两个模组,稍有喘息之机,写写关于项目中的增删改查,这算是一个老生常谈的问题了,就连基本的教材书上都有.刚看书的时候,以为没什么可 ...
MVC中的Ajax与增删改查（一）
自入手新项目以来,一直处于加班状态,博客也有两周没更,刚刚完成项目的两个模组,稍有喘息之机,写写关于项目中的增删改查,这算是一个老生常谈的问题了,就连基本的教材书上都有.刚看书的时候,以为没什么可 ...
AJAX做增删改查详细！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
idea原生ajax数据处理(增删改查)
项目名称:Bookstore UI界面项目文件操作: jsp代码 <%@ page import="dao.BookDAO" %> <%@ page impo ...
通过Ajax实现增删改查
项目链接:https://github.com/shuai7boy/Ajax_CRUD 简要截图:
MVC中的Ajax与增删改查(二)
上一篇记录的是前台操作,下面写一下后台 ,本来自认为是没有必要做补充,毕竟思路啥的都有,实际上在做删除操作的时候,折腾了一天,还是自己太嫩,逻辑不够严谨,这里作下记录. 关于表结构这里再作下说明: ① ...
基于springmvc、ajax，后台连接数据库的增删改查
前言前段时间在博客园上找了一个springmvc的例子,照着学了一下,算是对springmvc有了一个初步的了解,打一个基础,下面是链接.(我只看了博客,视频太耗时间了) 博客链接:http://w ...
Asp.Net WebApi学习教程之增删改查
webapi简介在asp.net中,创建一个HTTP服务,有很多方案,以前用ashx,一般处理程序(HttpHandler),现在可以用webapi 微软的web api是在vs2012上的mvc4 ...

随机推荐

『计算机视觉』Mask-RCNN_推断网络其六：Mask生成
一.Mask生成概览上一节的末尾,我们已经获取了待检测图片的分类回归信息,我们将回归信息(即待检测目标的边框信息)单独提取出来,结合金字塔特征mrcnn_feature_maps,进行Mask生成工 ...
java多线程wait()方法必须放在while循环里面的原因探析
1.写一个包子生产消费案例:一次生产或消费一个包子,有包子就消费,没有就生产.(部分代码参考传智播客刘意2015Java基础视频讲义) 1.1 写一个Baozi.class,包含main()方法,用来 ...
Django之转发和重定向
https://blog.csdn.net/gscsd_t/article/details/79389167 转发和重定向: 转发:一次请求和响应,请求的地址没有发生变化,如果此时刷新页面,就会出现重 ...
rancher2.x添加node的坑。
启动rancher server后,添加一台新节点为k8s的节点.设置如下 ps:worker:k8s的agent端 control:k8s的第二个master etcd:第二个etcd 坑1:节点上 ...
CSS Hack 技巧
IE Hack IE系列浏览器的hack大略如下: _nowamagic:1px;———–ie6 *nowamagic:1px;———–ie7 nowamagic:1px\0;———-ie89 now ...
leetcode-algorithms-36 Valid Sudoku
leetcode-algorithms-36 Valid Sudoku Determine if a 9x9 Sudoku board is valid. Only the filled cells ...
初次安装git配置用户名和邮箱
初次安装git配置用户名和邮箱初次安装git需要配置用户名和邮箱,否则git会提示:please tell me who you are. 你需要运行命令来配置你的用户名和邮箱: $ git con ...
Oracle X$Tables
前言最早从Yong Huang那里看到关于比较详细的X$表的介绍,后来陆续从其他Oracle专家那里得到了不少信息.在Steve Adams 的书中对X$表多有提及,而且他的站点也是个资源比较丰富的 ...
yii2入门安装 Windows7+wamp+yii2
1.首先先具备环境,下载最新wamp(yii2需要php5.40以上版本的http://www.digpage.com/install.html) wamp下载http://pan.baidu.com ...
linux内核initcall
include/linux/init.h #define pure_initcall(fn) __define_initcall(fn, 0) #define core_initcall(fn) __ ...

ajax参考增删改查

AJAX做增删改查详细！

ajax参考增删改查的更多相关文章

随机推荐

热门专题