将servlet传递的复杂对象存储到javascript中的数组中

Question

我有一个 servlet，它将一个 ArrayList 传递给一个 jsp 页面，该页面接收它并将其放置在一个数组中，但是如果我将它们存储在这样的数组中，我将无法访问 Loc 中的参数：

var locations = new Array();
<c:forEach items="${photosName}" var="photo" varStatus="loop">
    locations["${loop.index}"] = "${photo}";
</c:forEach>

变量照片包含我希望存储在位置数组中的纬度、经度和准确度等属性。但是如果我这样存储它们，我如何在代码的其他部分访问它们。

我想做的例子：

locations[i].latitude
locations[i].longitude
locations[i].accuracy

欢迎任何帮助:)

现在试过了：

var locations = new Array();
<c:forEach items="${photosName}" var="photo" varStatus="loop">
    locations["${loop.index}"] = JSON.stringify("${photo}");
</c:forEach>
alert("latitude: "+locations[0].latitude+ " longitude: "+locations[0].longitude);

它打印纬度：未定义经度：未定义。我需要导入一些东西才能让 json.stringify 工作吗？

jsp中的照片对象就是用这个类来表示的：

@Entity
public class Loc implements Serializable {

    @Id
    @GeneratedValue(strategy = GenerationType.TABLE)
    private long id;
    private double latitude;
    private double longitude;
    private long time;
    private double accuracy;
    private int processed;

    public long getId() {
        return id;
    }

    public void setId(long id) {
        this.id = id;
    }

    public double getLatitude() {
        return this.latitude;
    }

    public void setLatitude(double latitude) {
        this.latitude = latitude;
    }

    public double getLongitude() {
        return this.longitude;
    }

    public void setLongitude(double longitude) {
        this.longitude = longitude;
    }

    public long getTime() {
        return this.time;
    }

    public void setTime(long time) {
        this.time = time;
    }

    @Override
    public String toString() {
        return "latitude: " + latitude + " longitude: " + longitude + "time: "
                + time;
    }

    public double getAccuracy() {
        return accuracy;
    }

    public void setAccuracy(double accuracy) {
        this.accuracy = accuracy;
    }

    public int getProcessed() {
        return processed;
    }

    public void setProcessed(int processed) {
        this.processed = processed;
    }
}

Answer 1

试试locations["${loop.index}"] = {JSON.stringify("${photo}")};。然后你可以访问你写的属性：

locations[i].latitude
locations[i].longitude
locations[i].accuracy

注意： photo 是 JSONObject 的字符串表示形式。像这样：

JSONObject jsonPhoto = gson.toJson(photoObj) //photoObj is instance of your java photo object class
String photo = jsonPhoto.toString();

要将对象转换为 json 对象，您可以使用 GSON 库。这是link 一个不错的教程。

如果你有 Java phtoObjects 的列表，你可以在你的 servlet 中这样做：

<%@ page import="com.google.gson.Gson" %>   
<%GSON gson = new Gson();%>    
var photoArray = JSON.stringify(<%=gson.toJson(phtoObjects).toString()%>);