bootstrap-table的行数据使用array和json的区别

//bootstrap-table中的data参数传的只能是数组数据,json数据不行,通过url参数传数据时,可以传json数据,但此时还需要配置参数
responseHandler: function (res) {
return res.rows;

}

返回json数据中的行数据数组,所以最终使用的还是json中的数组。可通过

Object.prototype.toString.call(newData).toLowerCase()

判断数据是数组还是json对象,数组添加新数据不知道数组索引的情况下可以使用push()函数,


if(devType == "信号机"&&unit=="A单位") {
			var newData = [];
			for(var p in wcssdata) {
				console.log(wcssdata[p]);
				if(wcssdata[p].type == devType&& wcssdata[p].maintain_unit==unit) {
					newData.push(wcssdata[p]); //给数组添加新对象数据
					//newData[0]=wcssdata[p];
				}
			}
			console.log(newData)
			console.log(Object.prototype.toString.call(newData).toLowerCase())//[object array]
			console.log(Object.prototype.toString.call(wcssdata).toLowerCase())
			$("#table").bootstrapTable('refreshOptions', {
				data: newData,
			});
		}




Bootstrap Table 是一个基于 Bootstrap 的可扩展的表格插件,可以帮助我们快速、简单地展示数据。在使用 Bootstrap Table 时,我们可以通过指定 data 属性来加载表格数据。而 PHP 与 JSON 可以很方便地将数据从后台传递到前端。 以下是一个简单的示例,演示如何使用 PHP JSON 加载数据到 Bootstrap Table 中。 1. 创建一个 PHP 文件,用于返回数据: ```php <?php // 数据库连接信息 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "dbname"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询数据 $sql = "SELECT id, name, email FROM users"; $result = $conn->query($sql); // 将数据转换成 JSON 格式 $data = array(); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { array_push($data, $row); } } echo json_encode($data); // 关闭连接 $conn->close(); ?> ``` 2. 在 HTML 页面中引入 Bootstrap Table jQuery,并创建一个空的表格: ```html <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table/1.15.3/bootstrap-table.min.css"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap-table/1.15.3/bootstrap-table.min.js"></script> <table id="table"></table> ``` 3. 使用 jQuery 的 ajax 方法从 PHP 文件中加载数据,并将数据填充到表格中: ```javascript $(function() { $('#table').bootstrapTable({ url: 'data.php', columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: '姓名' }, { field: 'email', title: '邮箱' }] }); }); ``` 这样,当页面加载完成时,就会从 data.php 中加载数据,并将其填充到表格中。其中,data.php 返回的数据为 JSON 格式,通过 jQuery 的 ajax 方法获取并解析成 JavaScript 对象。Bootstrap Table 会根据指定的 columns 属性,将数据显示在表格中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值