layui怎么接收springboot传递的数据

在前端使用layui框架时，可以通过Ajax请求来接收Spring Boot传递的数据。

首先，需要引入jQuery库和layui库，确保在页面中可以使用相关的函数和方法。

接下来，在页面中定义一个按钮，用于触发Ajax请求：

<button class="layui-btn layui-btn-normal" id="getDataBtn">获取数据</button>

然后，在页面中编写JavaScript代码，使用Ajax请求获取后台数据并进行处理：

layui.use('jquery', function(){
  var $ = layui.jquery;
  
  $('#getDataBtn').click(function(){
    $.ajax({
      url: '/getData', // 后台接口地址
      type: 'GET',
      dataType: 'json',
      success: function(data){
        // 处理返回的数据
        console.log(data);
      },
      error: function(){
        // 处理请求失败的情况
        console.log('请求失败');
      }
    });
  });
});

在上面的代码中，url指定了后台接口的地址，type指定了请求的类型为GET，dataType指定了返回的数据类型为json。success函数用于处理请求成功的情况，error函数用于处理请求失败的情况。

在Spring Boot后台代码中，需要编写一个Controller来处理前端的请求，并返回数据给前端：

@RestController
public class DataController {
  
  @GetMapping("/getData")
  public Map<String, Object> getData() {
    Map<String, Object> data = new HashMap<>();
    // 处理获取数据的逻辑
    // 将数据放入data中
    return data;
  }
}

在上面的代码中，@GetMapping注解指定了处理GET请求的接口地址为/getData，getData方法用于处理获取数据的逻辑，并将数据放入一个Map对象中返回。

当前端点击按钮时，会发起一个GET请求到/getData接口，后台会处理该请求并返回数据给前端，前端通过success函数中的data参数接收返回的数据，并进行处理。

这样，前端就可以使用layui框架接收Spring Boot传递的数据了