使用html格式，通过php调用数据库并显示数据

接上一篇 https://blog.csdn.net/mainmaster/article/details/114686335?spm=1001.2014.3001.5501

<!DOCTYPE html>
<html ng-app = 'test'>

<head>
<meta charset="UTF-8">
<meta http-equiv="Content-type=text/html;charset=utf-8"/>

<script type="text/javascript" src="http://code.changer.hk/jquery/1.11.2/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style type="text/css">
.table{
width: 1000px;
text-align: center;
}
</style>
<title>学生信息管理</title>
</head>

<body ng-controller = 'main'>
<div class="">
       <center>
<table class="table table-bordered table-striped">
<thead>
<tr>
<td>学号</td>
<td>姓</td>
<td>名</td>
<td>邮件地址</td>
</tr>
</thead>
<tbody id="tbody"></tbody>
</table>
       </center>
</div>
</body>
<script type="text/javascript">
//"{"id":"1","firstname":"John","lastname":"Doe","email":"john@example.com"}{"id":"2","firstname":"Mary","lastname":"Moe","email":"mary@example.com"}{"id":"3","firstname":"Julie","lastname":"Dooley","email":"julie@example.com"}{"id":"4","firstname":"John","lastname":"Doe","email":"john@example.com"}{"id":"5","firstname":"Mary","lastname":"Moe","email":"mary@example.com"}{"id":"6","firstname":"Julie","lastname":"Dooley","email":"julie@example.com"}{"id":"7","firstname":"John","lastname":"Doe","email":"john@example.com"}{"id":"8","firstname":"Mary","lastname":"Moe","email":"mary@example.com"}{"id":"9","firstname":"Julie","lastname":"Dooley","email":"julie@example.com"}{"id":"10","firstname":"John","lastname":"Doe","email":"john@example.com"}{"id":"11","firstname":"Mary","lastname":"Moe","email":"mary@example.com"}{"id":"12","firstname":"Julie","lastname":"Dooley","email":"julie@example.com"}"
$.ajax({
type: 'POST',
url: 'testdb.php',
data: {"id":"1","firstname":"John","lastname":"Doe","email":"john@example.com"},
success: function (data) {
       //这里采用了一个非常笨的方法，有哪位大神有好的方法，回复一下呗，谢谢了
       //使用正则表达式将其中的 '｝' 更换成 '｝ ' ,增加了一个空格，
       var reg = new RegExp('}',"g");
       var data = data.replace(reg,'} ');
       //根据空格分割成多个对象，
var a = data.split(' ');
var trStr = '';//动态拼接table
for (var i = 0; i < a.length-1; i++) {
           //a[i]=a[i].replace('{','');
trStr += '<tr class="example">';
trStr += '<td width="15%">' + JSON.parse(a[i]).id + '</td>';
trStr += '<td width="15%">' + JSON.parse(a[i]).firstname + '</td>';
trStr += '<td width="15%">' + JSON.parse(a[i]).lastname + '</td>';
trStr += '<td>' + JSON.parse(a[i]).email + '</td>';
//trStr += '<td>' + JSON.parse(a[i]).reg_date + '</td>';
trStr += '</tr>';
}
$("#tbody").html(trStr);
}
});
</script>
</html>

执行界面如下图

循环读取数据的地方，用了一个非常笨的方法，刚开始，还没有搞清楚json的对象包含多个数据记录的如何分割，有哪位大神提供下思路，谢谢。

使用html格式，通过php调用数据库并显示数据相关推荐

php显示mysql数据实例_php 连接mysql数据库并显示数据实例转载 aoguren
PHP连接MySQL数据库并显示数据//---------基本设定---------$mysql_server_name = "localhost";//服务器名称:$mysql_ ...
Emlog调用数据库加速显示标签tag缓存优化方法教程
Emlog文章标签缓存改为调用数据库代码挺好,在文章添页添加文章标签的时候发现修复标签缓存问题后,如果emlog的标签数量较大时,程序缓存的标签文件非常大,如果标签有很多甚至有可能达到几十兆,这明显是 ...
MyBatis中insert将数据插入mysql数据库，显示成功但是数据库不显示数据
问题:mybatis中使用insert向数据库中插入数据,操作成功但是数据库中没有数据. 原因:mybatis除select外,其他操作(insert,update-)默认不自动提交解决方法:通过日 ...
asp调用数据库汉字显示乱码解决方案
其实很简单,在页面最上面加一句代码即可 <% Response.ContentType="text/html; charset=gb2312" %> 转载于:https ...
【PB】连接自带数据库并显示数据
一.安装PB软件二.创建数据库.创建表.添加主键.添加数据创建数据库创建表设置主外键插入表数据三.创建本地程序新建Workspace 新建Target 新建PB Object 新建Dat ...
调用html模板显示数据,通过str_replace（）显示html模板中的数组数据
我正在处理一个PHP类,在这里我用数据替换变量到HTML电子邮件模板文件.它通过将数据替换为"{{first_name}}"这样的字符串.通过str_replace()显示html ...
php ci ajax用户登录,使用jQuery和CI显示AJAX调用数据库的数据
模型似乎和控制器一样工作. AJAX将结果显示为"null",所以我认为这是因为我们需要将数据作为json发送.如何将数据放到正确的格式,并在视图中显示任何想法使用jQuery和C ...
JAVA通过导入一定格式的excel对数据库数据进行模糊筛选
JAVA通过导入一定格式的excel对数据库数据进行模糊筛选在工作中遇到一个需求是通过导入固定格式的excel来和数据库数据进行模糊匹配,符合条件的可以通过,不符合条件的就不通过,解决代码: 首先要 ...
将前台日期格式转成与数据库日期格式相对应，后台java转数据库日期格式
前台到后台java时data日期类型的转化在实体类中用@DataTimeFormat,这样设置即使传过来是空的字符串也是可以转的,要和前面传过来的格式一致,如 @XmlElement(name=&q ...

使用html格式，通过php调用数据库并显示数据

使用html格式，通过php调用数据库并显示数据相关推荐

最新文章

热门文章