主页面

<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. .NET MVC控制器向视图传递数据的四种方式

    .NET MVC控制器向视图传递数据的四种方式: 1.ViewBag  ViewBag.Mvc="mvc"; 2.ViewData ViewBag["Mvc"] ...

  2. 拥Bootstrap入怀——模态框（modal）篇

    置顶文章:<纯CSS打造银色MacBook Air(完整版)> 上一篇:<CSS绘制Android Robot> 作者主页:myvin 博主QQ:851399101(点击QQ和 ...

  3. HTTP之手机抓包工具篇

    简介 现在手机移动互联网时代 手机app 运用 如日冲天.自然手机app的问题排除也是头疼,明明自己测试 上线的接口正常 到了手机app就不行.怎么办呢?别急,现在有好多手机抓包工具啦! 1. Cha ...

  4. ajax请求模拟登录

    前台 @if (Session["username"] != null) { <div class="login"> <span style= ...

  5. SpringMVC使用中遇到的问题总结

    使用的IDE工具是MyEclipse2014, spring版本为3.1.1 在使用Spring MVC时需要修改web.xml配置文件,web.xml默认放在WEB-INF目录下. 1.web.xm ...

  6. javascript 重难点（原型链 this） 理解总有一个过程，不要急，循序渐进！

    开始补充: 1. 将函数定义作为对象的属性,称之为对象方法.2. this的指向是由它所在函数调用的上下文决定的(语境),而不是由它所在函数定义的上下文决定的.3. 因为当一个函数作为函数而不是方法来 ...

  7. ibatis中的$和#的区别

    介绍 在Ibatis中我们使用SqlMap进行Sql查询时需要引用参数,在参数引用中遇到的符号#和$之间的区分为,#可以进行与编译,进行类型匹配,而$不进行数据类型匹配,例如: select * fr ...

  8. C/C++语言算法题——替换

    [问题] Description 给定一个有限长度的非负整数序列.一次操作是指从第一个元素开始,依次把数列中的每个数替换为它右边比它小的数的个数.对该数列不断进行这个操作.总有一个时刻该数列将不再发生 ...

  9. selenium常见的疑问和问题

    .确认(verifation)和断言(assert)有什么区别?  确认:当测试中的一个用例存在错误时,系统将会继续运行这些测试  断言:当测试中的一个用例存在错误时,系统将会退出当前用例  总而言之 ...

  10. phpstudy2016最新版本mysql无法使用innodb的问题解决

    这里顺便记录一下今天遇见的神奇问题,在使用官方最新版本的phpstudy中,其它组件一切正常,但是奇怪的发现mysql是无法开启innodb的,以下为最新的下载地址: http://www.phpst ...