javascript - 使用 javascript 访问 JSP 对象

Question

我有一个 JSP 文件，其中包含 JSP 代码和 Javascript 代码，JSP 基本上有一个巨大的 arrayList，其中包含我需要使用 Javascript 在 google map 对象上绘制的陆地坐标，因为 google 目前没有原生支持 JSP 的 google map 版本，这是我的代码:

        <%
        List<LandCoordinates> annex = new LandCordinatesDAO().getLandCoordinates();
                    for (LandCoordinates an : annex) {
                        out.print(an.getX());
                        out.print(an.getY());
                    }
       %>


 <script>


function drawLandMarkCenter(x, y)
 {
var plotCenter = {lat: x, lng: y};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 18,
center: plotCenter,
mapTypeId: google.maps.MapTypeId.TERRAIN 
});

return map;

}

如何访问 List<LandCoordinates> annex 中的元素来 self 的 JavaScript 代码？

Answer 1

我建议您将数据与 JavaScript 分开，这样您就可以避免 scriplet 并获得更干净、更易于维护的代码。

首先，创建一个 servlet，生成包含 LandCoords 的 JSON 文件，如下所示:

StringJoiner sj = new StringJoiner(",", "[", "]");
for (LandCoordinates an : annex)
{
    sj.add("{\"posX\":" + an.getX() + ","
            + "\"posY\":\"" + an.getY() +"\"}");
}
response.getWriter().println(sj.toString());

然后创建一个静态 JavaScript，它使用 AJAX 来获取此 JSON 并执行您需要的任何操作。如果您显示整个代码，我可以帮助您。