主页面

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-2.1.1.min.js"></script>

<style type="text/css">

.sr

{

    background-color:#0F0;

    font-size:16px;

    color:#C66

}

.sr:hover

{

    background-color:#

}

</style>

</head>

<body>

<input type="button" id="btn"  value="点击出现表格" style="width:100px"/>

<table border="1" cellpadding="0" cellspacing="0" width="100%" id="xianshi">

</table>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    $("#btn").click(function(e) {

    Showall();

    binkck();

    });

    <!--删除函数-->

    function binkck()

    {

        $(".sr").click(function() {

        var code = $(this).attr("bs");

        $.ajax({

            async:false,

            url:"delete.php",

            data:{code:code},

            type:"POST",

            dataType:"TEXT",

            success: function(data)

            {

                if(data.trim()=="OK")

                {

                    Showall();

                    binkck();

                }

                else

                {

                    alert("失败");

                }

            }

        })

        });

    }        

    <!--表格函数-->

    //思路：把所有的数据做成字符语句，最后放入 html（）输出

    function Showall()

    {

            $.ajax({

            async:false,

            url:"chuli2.php",

            dataType:"TEXT",        //必须大写 dataType

            success: function(data)

            {

                //把数据库的数据拼接，拿出来，然后拆分，最后组成字符语句，放入html()输出

                var str="<tr><td>code</td><td>2</td><td>3</td></tr>";
　　　　　　　　　　//不要把表头放入table 表格，因为后面的$("#xianshi").html() 会覆盖掉

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

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

                {

                    str=str+"<tr>";

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

                    for(var j=0;j<lie.length;j++)

                    {

                        str=str+"<td>"+lie[j]+"</td>";

                    }

                    str+="<td class='sr' bs='"+lie[0]+"'>删除</td></tr>";

                }

            $("#xianshi").html(str);    //输出

            }

        })

    }

});

</script>

</html>

chuli2.php

<?php

include("./Tp.class.php");

$db = new Tp();

$sql = "select * from nation";

$attr = $db->query($sql);

$r="";

foreach($attr as $v)

{

    $r=$r.implode("^",$v);    //数组内，字符拼接

    $r=$r."|";                //数组之间，用"|"拼接

}

$str=substr($r,0,strlen($r)-1);　　//取字符串

echo $str;

?>

delete.php

<?PHP

//接受数据

$code = $_POST["code"];

//加载类

include("./Tp.class.php");

$db=new Tp();

$sql="delete from nation where Code='{$code}'";

$result = $db->query($sql,1);

//不要进行 $attr = $result 操作，这是一次数据输出操作，会录入data

if($result)

{

    echo "OK";

}

else

{

    echo "NO";

}

AJAX创建表格，删除数据的更多相关文章

  1. js动态创建表格,删除行列的小例子

    js动态创建表格,删除行列的实例代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

  2. Ajax：后台jquery实现ajax无刷新删除数据及demo

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8gAAAFSCAIAAAChUmFZAAAgAElEQVR4nO29z4scWZbn2/+Hb30zi8

  3. SQL Server 创建 修改 删除数据表

    1. 图形界面方式操作数据表 (1)创建和修改数据表 列名中如果有两个以上单词时,最好用下划线连接,否则可能会给将来的查询维护带来不便.我们公司美国佬做的数据库就很烦,所有列名都有空格,一旦忘记用方括 ...

  4. MySQL 创建和删除数据表

    创建MySQL数据表需要以下信息: 表名 表字段名 定义每个表字段 语法 以下为创建MySQL数据表的SQL通用语法: CREATE TABLE table_name (column_name col ...

  5. AJAX 创建表格

    <html><head> <meta http-equiv="Content-Type" content="text/html; chars ...

  6. Ajax请求数据与删除数据后刷新页面

    1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) <a class="queryA" href="javascript:void(0)" ...

  7. mongodb系列~mongodb定时删除数据

    一 简介:本文介绍创建自动删除数据的TTL索引 二 目的 定时删除数据三 创建方法   db.collection.createIndex(keys, options)   options:   ex ...

  8. mongodb定时删除数据（索引删除）

    一 简介:本文介绍创建自动删除数据的TTL索引 二 目的 定时删除数据三 创建方法   db.collection.createIndex(keys, options)   options:   ex ...

  9. 数据库（概念、语法、DBMS、SQL语言：创建数据库、表格，添加、修改、删除数据记录）

    关系型数据库:以表作为实体,以主键和外键关系作为联系的一种数据结构. 主键:在关系型数据库中,用一个唯一的标识符来标志每一行,这个标识符就是主键.主键有两个特点:非空和不能重复. 外键:在关系型数据库 ...

随机推荐

  1. UITableView的性能优化10个小技巧

    通常你会发现一个图片类的app会在一个imageView上做下面这些事情: 1  下载图片(主要的内容图片+用户头像图片)2  更新时间戳3  展示评论4  计算动态的cell的高度 Tip#1 学习 ...

  2. 『开源』Slithice 2013 服务器集群 设计和源码

    相关介绍文章: <『设计』Slithice 分布式架构设计-支持一体式开发,分布式发布> <『集群』001 Slithice 服务器集群 概述> <『集群』002 Sli ...

  3. 『随笔』C# 程序 修改 ConfigurationManager 后，不重启 刷新配置

    基本共识: ConfigurationManager 自带缓存,且不支持 写入. 如果 通过 文本写入方式 修改 配置文件,程序 无法刷新加载 最新配置. PS. Web.config 除外:Web. ...

  4. [C语言]一个很实用的服务端和客户端进行TCP通信的实例

    本文给出一个很实用的服务端和客户端进行TCP通信的小例子.具体实现上非常简单,只是平时编写类似程序,具体步骤经常忘记,还要总是查,暂且将其记下来,方便以后参考. (1)客户端程序,编写一个文件clie ...

  5. js验证身份证号

    /* * 身份证检测(格式.地区.生日.年龄范围) * code:检测字符串 rangeAge:年龄范围[格式为:25-55] * 返回值 0:为空 ,不为0则验证不通过 */ : : : : : : ...

  6. Orchard 刨析：Caching

    关于Orchard中的Caching组件已经有一些文章做了介绍,为了系列的完整性会再次对Caching组件进行一次介绍. 缓存的使用 在Orchard看到如下一段代码: 可以看到使用缓存的方法Get而 ...

  7. js验证函数摘录

    /**本文摘自:http://www.cnblogs.com/rob0121/articles/1776298.html * js各种表单数据验证 */ /********************** ...

  8. java中的File类

    File类 java中的File类其实和文件并没有多大关系,它更像一个对文件路径描述的类.它即可以代表某个路径下的特定文件,也可以用来表示该路径的下的所有文件,所以我们不要被它的表象所迷惑.对文件的真 ...

  9. 《TCP/IP详解卷1：协议》第17、18章 TCP：传输控制协议（2）-读书笔记

    章节回顾: <TCP/IP详解卷1:协议>第1章 概述-读书笔记 <TCP/IP详解卷1:协议>第2章 链路层-读书笔记 <TCP/IP详解卷1:协议>第3章 IP ...

  10. [c#基础]DataTable的Select方法

    引言 可以说DataTable存放数据的一个离线数据库,将数据一下加载到内存,而DataReader是在线查询,而且只进形式的查询,如果后退一步,就不可能了,DataTable操作非常方便,但也有缺点 ...