C语言学习网

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

发表于:2022-08-20 作者:安全数据网编辑
编辑最后更新 2022年08月20日,小编给大家分享一下ajax如何实现加载页面、删除、查看详细信息 bootstrap美化页面,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!由于有些的程序员可能不是很会Photoshop

小编给大家分享一下ajax如何实现加载页面、删除、查看详细信息 bootstrap美化页面,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

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

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

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

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

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

 

内容加载

水果名称 水果价格 水果产地 操作

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

Query($sql,1);$str="";foreach($arr as $v){ $str=$str.implode("^",$v)."|"; //每一行之间用"|"连接,这样最后就会多出一个"|"}$str=substr($str,0,strlen($str)-1); //把最后多出的"|"用截取字符串的方式删去echo $str;?>

ajax部分代码如下:









0