主页面

<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. pythonchallenge(一)

    PythonChallenge_1 一.实验说明 下述介绍为实验楼默认环境,如果您使用的是定制环境,请修改成您自己的环境介绍. 1. 环境登录 无需密码自动登录,系统用户名shiyanlou,密码sh ...

  2. 通通的最后一篇博客（附自制html5平面射击小游戏一枚）

    这是我最后一篇博客了,由于本人的人生规划吧,以后应该也写不出什么好的技术文章了,到现在在博客园写了2年, 今天一看,我也有了120个粉丝,好几万的浏览量,感谢大家的支持啊~~ 半年没有写博客了,由于半 ...

  3. abstract virtaul override new 及多态

    abstract abstract 修饰符可以和类.方法.属性.索引器及事件一起使用.在类声明中使用 abstract 修饰符以指示某个类只能是其他类的基类.标记为抽象或包含在抽象类中的成员必须通过从 ...

  4. Windows Phone & Windows App应用程序崩溃crash信息抓取方法

    最近有用户反馈,应用有崩溃的情况,可是本地调试却无法重现问题,理所当然的,我想到了微软的开发者仪表盘,可以查看一段时间内的carsh记录,不过仪表盘生成carsh记录不是实时的,而且生成的报告查看非常 ...

  5. LinuxMint下Docker的安装部署和验证

    通过lsb_release命令查看以下我的LinuxMint发行版, 查看以下我的Linux内核版本, Docker要求Linux内核版本必须在要在3.10以上,显然我们的系统是满足的. 1. Doc ...

  6. IT技术的进化道路

    IT技术是人类发明的,同时也是给人类服务的,这项技术的进化,就是距离人越来越近,大体上是: 大型机时代: 离人类的距离超过100米. 小型机时代: 离人类的距离前进到10米. PC机时代: 离人类的距 ...

  7. DateTime类常用技巧摘录

    //今天 DateTime.Now.Date.ToShortDateString(); //昨天,就是今天的日期减一 DateTime.Now.AddDays(-).ToShortDateString ...

  8. 第四十课：CSS3 transition详解

    W3C中对transition是这样描述的:允许css的属性值在一定的时间内平滑的过渡,也就是说,以动画的效果改变css的属性值. transition主要包含4个属性值:transition-pro ...

  9. winform之判断验证码，，附加验证码的一般处理程序

    这里用的一般处理程序画的验证码图片. 判断验证码步骤: ①先在一般处理程序中获取验证码(一般处理程序中session的调用→context.Session[]) string code = GetRn ...

  10. onethink常用标签的使用示例

    首页文章模型列表输出: <article:list name="article" category="2" row="3" order ...