thinkphp6+layui表格+ajax基本使用

本文介绍了如何在ThinkPHP6框架下,利用Layui表格组件结合Ajax进行基本的数据展示。通过实例,展示了从后台获取数据到前端页面动态加载的过程。
摘要由CSDN通过智能技术生成

1、使用表格展示基本数据

首先写一个table作为我们将要使用的表格,用以获取我们后台传递过来的数据。
<div class="layui-card-body ">
	<table class="layui-table" id="customer" lay-filter="customer"></table>
</div>
紧接着在js中写入方法遍历数据。使用ajax请求数据接口。把得到的数据值进行便利。
有时候我们的数据需要转换为文字或者判断,那就在需要这样操作的数据后面加一个

		 ,templet: '#apply_medicine'
		 
#后面跟着的是你要进行数据操作的script的id   下面代码都有可以看下具体用法
-------------------------------------------------------------------------------------------------
	//筛选条件::注意使用这种写法一定要关闭form自动提交的刷信 οnsubmit="return false"//
	<form class="layui-form layui layui-col-space5" onsubmit="return false">
		<div class="layui-input-inline layui-show-xs-block">
			<input type="text" name="order_number" id="order_number" 
				placeholder="订单编号" autocomplete="off" class="layui-input">
		</div>
		<div class="layui-input-inline layui-show-xs-block">
			<input type="text" name="sale_time" class="layui-input" 
				id="sale_time" placeholder="销售时间">
		</div>
		<div class="layui-inline layui-show-xs-block">
			<button class="layui-btn" lay-filter="save" lay-submit="">
				<i class="layui-icon">&#xe615;</i>
			</button>
		</div>
	</form>
-------------------------------------------------------------------------------------------------

	//下面script的数据都会显示在这个table中,注意定义好自己的id//
	<div class="layui-card-body ">
		<table class="layui-table" id="customer" lay-filter="customer"></table>
	</div>

--------------------------------------------------<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值