javascript - 如何在 Angular JS 中读取 JSON 对象

Question

我的项目采用旧技术，它使用 JSP/servlet，我们将其迁移到 spring boot，作为其中的一部分，我们将一些页面迁移到 angular js 实现。在一个特定的页面中，有一个来自 servlet 的 JSON 对象将被传送到 JSP，servlet 代码就像

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

我想在 angular js Controller 中读取这些数据，现在他们正在使用

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

读取JSON数据

请帮我用angular js读取这些数据

提前致谢

Answer 1

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

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

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

---

所以 JSON 代表 JavaScript 对象表示法，你问的不是一个“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;
});