ajax实现数据删除、查看详情功能

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

主页面main.php

 //引入bootstrap的css文件
 //先引入jquery的js文件
 //再引入其它的js文件

.xq{ margin-left:30px}




 显示数据
 


 //用js向其中添加内容
 

 

 

 
代号
 
名称
 
操作
 
 
 




 
 
  
  ×
  
详细信息
  
  

  
  

  关闭

  
 
 

加载数据的页面jiazai.php

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

Query($sql,0))
{
 echo "OK";
}
else
{
 echo "NO";
}

查看详情页面xiangqing.php

StrQuery($sql);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持考高分网！