接口返回html页面，html页面的js如何获取接口中设置的数据。

最新推荐文章于 2026-03-08 04:15:02 发布

原创最新推荐文章于 2026-03-08 04:15:02 发布 · 2.9k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

问题解决方法巴拉巴拉说

当前文章被收录于：

问题解决方法巴拉巴拉说

13 篇文章 1 人学习

遇到问题了？不知道怎么解决看我就对了。

订阅专栏查看详情

当前文章被以下社区和专栏收录：

有如下接口：

	@GetMapping("/config/{fileId}")
    @ApiOperation("返回配置信息")
    public String getConfig(ModelMap map,@PathVariable String fileId,@PathVariable String token){
        ....
        //4、设置视图数据：a、文件类型。b、用户信息。c、文件信息。
        map.addAttribute("docType",documentType);
        map.addAttribute("user",user);
        map.addAttribute("fileManager",fileManager);
        //onlineEdit为html页面
        return "onlineEdit";
    }

此时onlineEdit页面里的js脚本需要使用到docType，那该如何操作？使用 [[${字段}]] 的方式即可获取到。

<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" language="javascript" >
        var  config = {
            "type": "desktop",
            "mode": "review",
            "documentType": "[[${docType}]]",
            "document": {
                "title": "[[${fileManager.fileName}]]",
                "fileType": "[[${fileManager.fileType}]]",
                "key": "[[${fileManager.fileManagerId}]]",
                "info": {},
                ...
            },
        }

    </script>
    <title>在线编辑文档</title>
</head>
<body style="height: 100%; margin: 0;">
<div id="placeholder" style="height: 100%"></div>
</body>
</html>