如何在springboot控制器中将json数据返回到javascript？

如何将json数据返回到javascript以便引导表可以使用它？（我想用javascript初始化它）

我使用springboot作为后端，bootstrap设计我的html页面，bootstrap表显示我的数据。当此html页面完全加载时，应使用来自控制器的json数据初始化此引导表

阻碍我的是，我不知道如何将json数据返回到javascript，以便引导表可以使用它

在控制器中，如果以字符串形式返回模板，则无法返回json数据；如果返回json数据并添加@ResponseBy，则只能获得带有json字符串的页面，则无法访问模板，更不用说使用json数据初始化引导表了

来自控制器的一些代码：

ArrayList<AISResponse> aisResponses = new ArrayList<AISResponse>();
AISResponse aisResponse = new AISResponse();
aisResponse.setAISPath(AISPath);
aisResponse.setTmID(tmID);
aisResponse.setTmName(tmName);
aisResponses.add(aisResponse);
model.addAttribute("aisResponses", aisResponses);
return "AIS/UI_AIS_Properties"

ArrayList=new ArrayList（）；
AISResponse AISResponse=新的AISResponse（）；
aisResponse.setAISPath（AISPath）；
aisResponse.setTmID（tmID）；
aisResponse.setTmName（tmName）；
aisResponse.add（aisResponse）；
model.addAttribute（“aisResponses”，aisResponses）；
返回“AIS/UI\u AIS\u属性”

html页面中的一些代码：

<table id="table" data-toggle="table" data-pagination="true"
        data-search="true" data-page-size="30">
        <thead>
            <tr>
                <th data-sortable="true">AISPath</th>
                <th data-sortable="true">TM Name</th>
                <th data-sortable="true">TM ID</th>
            </tr>
        </thead>
        <tbody>
            <tr th:each="r:${aisResponses}">
                <td th:text="${r.AISPath}"></td>
                <td th:text="${r.tmID}"></td>
                <td th:text="${r.tmName}"></td>
            </tr>
        </tbody>
    </table>

通道
商标名
商标识别码

目前，我正在使用Thymeleaf迭代AIS响应，以便在表中显示我的数据。

---

但我想通过直接将json数据返回javascript来初始化javascript中的表，我认为这将使我的html页面更加清晰。

在这种情况下，您可以使用

ModelAndView

或

Model

。两者都用于在SpringMVC应用程序中定义模型。模型定义了模型属性的持有者，主要用于向模型添加属性。您的代码应该如下所示

@RestController
public class YourController{

    @GetMapping
    public ModelAndView getAisList(){

    ModelAndView   modelView = new ModelAndView ("AIS/UI_AIS_Properties");

    ArrayList<AISResponse> aisResponses = new ArrayList<AISResponse>();
    AISResponse aisResponse = new AISResponse();
    aisResponse.setAISPath(AISPath);
    aisResponse.setTmID(tmID);
    aisResponse.setTmName(tmName);
    aisResponses.add(aisResponse);

    modelView.addObject("aisResponses", aisResponses);
    return modelView;

        }             
    }

@RestController
公共类控制器{
@GetMapping
公共模型和视图getAisList（）{
ModelAndView modelView=新的ModelAndView（“AIS/UI_AIS_属性”）；
ArrayList=新的ArrayList（）；
AISResponse AISResponse=新的AISResponse（）；
aisResponse.setAISPath（AISPath）；
aisResponse.setTmID（tmID）；
aisResponse.setTmName（tmName）；
aisResponse.add（aisResponse）；
addObject（“aisResponses”，aisResponses）；
返回模型视图；
}             
}