如何在 Angular JS 中读取 JSON 对象

Question

我的项目使用的是旧技术，它使用 JSP/servlets，我们要将它迁移到 Spring Boot，作为其中的一部分，我们正在将一些页面迁移到 Angular js 实现。 在特定页面中，有一个来自 servlet 的 JSON 对象将传入 JSP，servlet 代码类似于

JSONObject vReportDetails = new JSONObject();
inRequest.setAttribute("REPORT_DATA", vReportDetails);

我想在 Angular js 控制器中读取这些数据，现在他们正在使用

<% JSONObject jObj = (JSONObject) request.getAttribute("REPORT_DATA"); %>

并读取 JSON 数据

请帮助我用 Angular js 读取这些数据

提前致谢

Answer 1

更新 所以 JSP 已经在加载嵌入了数据的 HTML 页面。 Angular 只是一个客户端框架，因此它可以执行 HTTP-GET，但您可能不希望将数据作为公共端点。我能想到的最好方法是通过 DOM

$scope.angularVariable = document.getElementById("WhereTheJsonIs");

请注意，我不确定 json 是如何加载到 DOM 中的，但主要思想是 JSON 已经加载到页面上，并且使用 JavaScript，您可以从 DOM 获取该数据并将其设置为 Angular 变量.

---

所以 JSON 代表 JavaScript Object Notation，您所问的不是“Angular”问题，而是 JavaScript 问题。 Angular 只是一个可以让你做更多事情的框架。

所以我可以将变量设置为 JSON 对象，例如

var theJSON = { "firstKey" : "value" };

并且由于 Angular 只是 JavaScript，您可以这样做，（假设您使用的是 Angular v1 而不是 v2）您可能正在使用 $scope 作为设置变量的方式，这很好，相同的规则适用于普通JavaScript 变量

$scope.theJSON = { "firstKey" : "value" };

---

商店的寓意

其他语言有处理 JSON 的类，因为它对于 Java、C++ 等语言来说并不自然，但由于您使用的是 JavaScript，因此您可以将 JSON 用作 JSON，因为它是为 JavaScript 使用的，请记住 Angular 是只是下面的 JavaScript。

---

如果您使用的是 HTTP 请求，则响应已经在 J​​SON 中，因此您可以设置一个变量

var theJSON; 
$http.get('/myEndPoint').then(function(response) {
     theJSON = response;
});