将 HTML 中的 JSON 数据传递给 JSON答案

【问题标题】：Passing JSON data in HTML to JSON将 HTML 中的 JSON 数据传递给 JSON
【发布时间】：2018-04-09 03:19:52
【问题描述】：

在我的控制器页面中，我将 JSON 设置为 .jsp

jsonObject.add("map:", jsonArray);
session.setAttribute("mapJSON", gson.toJson(jsonObject));

现在我的 .jsp 页面存储来自我的控制器的 JSON 输出

<%=session.getAttribute("mapJSON")%>

在同一个 .jsp 页面中，我在下面得到了一个脚本标签，试图获取 JSON 数据并生成一些结果

var colors = ['rgb(240,249,232)', 'rgb(204,235,197)', 'rgb(168,221,181)', 'rgb(123,204,196)', 'rgb(78,179,211)', 'rgb(43,140,190)', 'rgb(8,88,158)'];
var data = {};
var mapJSON = <%=session.getAttribute("mapJSON")%>;

$(document).on('click', '#map-btn', function (event) {
    $('#place').html('-');
    $('#interest-point').html('-');


    $.getJSON(mapJSON , function (results) {
        results.map.forEach(function (area, i) {
            var id = area['place'];
            var population = area['interest-point'];

            data[id] = area;

            $('#' + id).css('fill', colors[population]);
        });
    });
});

它们有什么方法可以让我从 jQuery 访问我的 JSON 数据吗？

【问题讨论】：

你说的 是什么意思，我可以通过 jQuery 访问我的 JSON 数据吗？ 你已经在展示 jquery 代码了
似乎 mapJSON 将是一个包含您的数据的 javascript 对象，因此无需使用 $.getJSON 来执行 ajax 请求来检索相同的数据。您可能可以直接在 mapJSON 或 mapJSON.map 上运行内部 forEach 函数，具体取决于您的数据是什么样的。

标签： javascript java jquery json jsp

【解决方案1】：

您可以将 mapJSON 读取为字符串字段并使用 JSON 库进行转换：

字符串到 JSON
JSON 到 jQuery 中的字符串

示例库：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

【讨论】：