在Spring Boot应用中，`Model.addAttribute()`方法是一种常用的向模型中添加数据的方式，以便在视图中使用。但是，对于前端开发者来说，如何正确地接收这些数据可能是一个挑战。本文将介绍如何在Spring Boot应用的前端接收通过`Model.addAttribute()`方法传递的数据。

首先，我们需要了解`Model.addAttribute()`方法的用法。这个方法用于将数据添加到`Model`对象中，`Model`对象通常在控制器（Controller）类中使用。例如，以下是一个简单的`Model`对象的使用示例：

java

@Controller

public class MyController {

@GetMapping("/mypage")

public String showPage(Model model) {

model.addAttribute("message", "Hello World!");

return "mypage";

}

}

在上面的代码中，`showPage()`方法通过`Model.addAttribute()`方法向模型中添加了一个名为`message`的属性，并将其值设置为“Hello World!”。接下来，我们需要在视图中使用这个属性。

在Thymeleaf模板引擎中，我们可以使用以下代码来获取这个属性：

html

My Page

The message is: ${message}

在这个模板中，`${message}`是一个Thymeleaf表达式，它将替换为`Model`中对应的属性值。

但是，如果我们想要在前端JavaScript代码中接收这个数据，我们需要使用Ajax请求来获取视图中的数据。以下是一个使用jQuery的示例：

javascript

$(document).ready(function() {

$.ajax({

url: '/mypage',

type: 'GET',

dataType: 'html',

success: function(data) {

var message = data.match(/

The message is: (.*?)<\/p>/);

更多文章请关注《万象专栏》