ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!

网友投稿 198 2023-06-03


ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!

由于有些的程序员可能不是很会Photoshop,所以为了美化页面,我们可以借助工具bootstrap,实现起来相对就要比之前做的美观一些,

今天我用bootstrap把之前做的显示表格进行了一下美化,同时也把ajax部分进行了优化,看起来会更清晰

我没有下载bootstrap的包,直接从网页引用的

注意:如果要引用其中一个包含jquery的多个JS文件,那么jquery文件一定要放在第一位

下面是我在首页把显示的表格进行了美化,用了条纹表格,相对来说更美观了

水果名称

水果价格

水果产地

操作

昨天写的ajax 部分也进行了优化,以防太多的括号之类的出现问题导致程序不运行,昨天的jiazaiym.php,shanchu.php已经写过了,今天再补上查看页面xiangqing.php

header("Content-type:text/html;charset=utf-8");

$ids=$_POST["ids"];

include("DADB.class.php");

$db=new DADB();

$sql="select * from fruit where ids='{$ids}' ";

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

$str="";

foreach($arr as $v)

{

$str=$str.implRGORXode("^",$v)."|"; //每一行之间用“|”连接,这样最后就会多出一个“|”

}

$str=substr($str,0,strlen($str)-1); //把最后多出的“|”用截取字符串的方式删去

echo $str;

?>

ajax部分代码如下:


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:详解Spring中Bean的生命周期和作用域及实现方式
下一篇:springMVC的生命周期详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~