thinkphp6 ---layui

最新推荐文章于 2024-07-14 07:23:31 发布

weixin_48201571

最新推荐文章于 2024-07-14 07:23:31 发布

阅读量951

点赞数

分类专栏： layui thinkphp6 phpstrom 文章标签： thinkphp

本文链接：https://blog.csdn.net/weixin_48201571/article/details/107488384

版权

该博客介绍了如何在ThinkPHP6框架下，结合Layui库实现二级联动的功能。讲解了在HTML中使用if条件判断，小数点格式化，以及AJAX的运用。通过监听一级下拉列表的选择，利用AJAX传递值到后台获取数据，再返回前端进行遍历展示。示例代码包括HTML、PHP和Model文件。

摘要由CSDN通过智能技术生成

1. 在html中的if用法：

{
  {# if (!d.send_money) { }}
	<span lay-event="send_count_money">{
  {d.send_money}}</span>
{
  {# } else { }}
	<span lay-event="send_count_money">{
  {d.price_fixed}}</span>
{
  {# } }}

2. 格式化小数点：$变量.toFixed(2)

{
  {# if (!d.send_money) { }}
	<span lay-event="send_count_money">{
  {(d.send_money * d.end_count).toFixed(2)}}</span>
{
  {# } else { }}
	<span lay-event="send_count_money">{
  {(d.price_fixed * d.end_count).toFixed(2)}}</span>
{
  {# } }}

在这里插入图片描述

3. ajax使用：

<script>
layui.use(['form', 'layer'],
         function() {
   
             $ = layui.jquery;
             var form = layui.form,
             layer = layui.layer;
             //监听提交
             form.on('submit(save)',
             function(data) {
   
                 console.log(data.field);
                 //发异步，把数据提交给php
                 $.ajax({
   
                     url:'/back/add', /*接口域名地址*/
                     type:'post',
                     data:{
   
                         data : data.field
                     },
                     success:function(res){
   
                         layer.alert(res.msg, {
   
                             icon: 6
                         },function(){
   
                             window.parent.location.reload();
                             // 获得frame索引
                             var index = parent.layer.getFrameIndex(window.name);
                             //关闭当前frame
                             parent.layer.close(index);
                         });
                     },
                     error : function(res) {
   
                         layer.msg(res.msg,{
   icon:2, time:1000},function(){
   
                             window.parent.location.reload();
                             // 获得frame索引
                             var index = parent.layer.getFrameIndex(window.name);
                             //关闭当前frame
                             parent.layer.close(index);
                         });
                     }
                 });
                 return false;
             });

         });
</script>