php使用ajax对数据删除,怎么用ajax实现数据删除与查看详情

这次给大家带来怎么用ajax实现数据删除与查看详情，用ajax实现数据删除与查看详情的注意事项有哪些，下面就是实战案例，一起来看一下。

运用bootstrap,jquery和ajax显示一些数据，附加删除功能并且点击能弹出模态框详情功能

主页面main.php

无标题文档

//引入bootstrap的css文件

//先引入jquery的js文件

//再引入其它的js文件

.xq{ margin-left:30px}

显示数据

代号名称操作

//用js向其中添加内容

×

详细信息

关闭

//加载数据

Load();

//加载数据的方法

function Load()

{

$.ajax({

url:"jiazai.php",

dataType:"TEXT",

success: function(data){

var str = "";

var hang = data.split("|"); //根据字符串中的|分解

for(var i=0;i

{

var lie = hang[i].split("^"); //根据字符串中的^分解

str = str+"

"+lie[0]+""+lie[1]+"删除查看";

}

$("#tb").html(str); //向tbody中输出内容

addshanchu();

addxiangqing();

}

});

}

//给删除按钮加事件的方法

function addshanchu()

{

//删除事件

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

var code = $(this).attr("code"); //获取删除按钮所在的数据的code

$.ajax({

url:"shanchu.php",

data:{code:code},

dataType:"TEXT",

type:"POST",

success: function(d){

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

{

alert("删除成功");

Load(); //删除完需要加载数据

}

else

{

alert("删除失败");

}

}

});

})

}

//给查看详情加事件的方法

function addxiangqing()

{

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

//显示模态框

$('#myModal').modal('show');

//在模态框里面显示内容

var code = $(this).attr("code"); //获取哪一条数据

$.ajax({

url:"xiangqing.php",

data:{code:code},

dataType:"TEXT",

type:"POST",

success:function(data){

var lie = data.split("^");

var str = "

民族代号："+lie[0]+"

民族名称："+lie[1]+"

";

$("#nr").html(str);

}

});

})

}

加载数据的页面jiazai.php<?php

include("../FENGZHUANG/DBDA.class.php");

$db = new DBDA();

$sql = "select * from nation order by code ASC";

$arr = $db->Query($sql);

// 下面实现的字符串是类似这样的n001^汉族|n002^回族|n003^苗族

$str = "";返回主页面的数据是TEXT型，得转换一下

foreach($arr as $v)

{

$str = $str.implode("^",$v)."|"; //拼接字符串

}

$str = substr($str,0,strlen($str)-1); //去掉末尾的|字符。

echo $str;

删除处理页面shanchu.php<?php

include("../FENGZHUANG/DBDA.class.php");

$db = new DBDA();

$code = $_POST["code"];

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

if($db->Query($sql,0))

{

echo "OK";

}

else

{

echo "NO";

}

查看详情页面xiangqing.php<?php

$code = $_POST["code"];

include("../fengzhuang/DBDA.class.php");

$db = new DBDA();

$sql = "select * from nation where code='{$code}'";

echo $db->StrQuery($sql);

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：