0

我有一个 jQuery 库，希望您将 JavaScript 对象作为选项传递给它。例如，这有效：

//Hardcoded JavaScript object
var myData = { "A" : "1", "B" : "2", "C" : "3" };

//Call to jQuery with object as an option
$("#mySelectorId").myJqueryFunction({values: myData});

我需要myData对象不要像那样硬连线。

我可以在我的 Java 代码中轻松获取“A 到 1，B 到 2，C 到 3”结构，将其放入Map（或其他对象）中，然后通过request.setAttribute("myData", myMap);. 我只是不确定如何将Map（等）转换为所需的 JavaScript 对象。这是我尝试过的。

//Java
Map<String, String> myMap = new TreeMap<String, String>();
map.put("A", "1");
map.put("B", "2");
map.put("C", "3");
request.setAttribute("myMap", myMap);

//JSP
<c:set var="myData" value="{" />
<c:forEach var="mapEntry" items="${myMap}" varStatus="counter">
    <c:set var="myData" value="${myData}'${mapEntry.key}' : '${mapEntry.value}'" />
    <c:if test="${counter.count < fn:length(myMap)}">
        <c:set var="myData" value="${myData}, " />
    </c:if>
</c:forEach>
<c:set var="myData" value="${myData}}" />

<script>
    var myData = '${myData}';
    $("#mySelectorId").myJqueryFunction({values: myData});
</script>

这一直有效，直到myJqueryFunction它尝试做这样的事情：

var i = values[code];

本质上，它试图引用对象上的特定变量（例如，试图获取“B”的值，即 2）。请注意，这code是一个保存 A/B/C 值的函数参数。

我曾尝试过包含或不包含引号之类的${mapEntry.key}东西，但似乎没有任何效果。

有谁知道如何让这个工作？

4

4 回答 4

0

要在 JavaScript 中添加更多属性（包括按变量），可以使用此语法

var myData = {}; // Initial object
myData["A"] = "1";
myData["B"] = "2";
myData["C"] = "3";

然后myData是{ "A" : "1", "B" : "2", "C" : "3" }。

于 2012-11-07T15:39:22.217 回答
0

自从我完成 JSP 以来已经有一段时间了，但是您在myDataJSP 调用的每次迭代中都覆盖了您的 var forEach，而不是连接到它。其次，您对“myJqueryFunction”的调用在语法上不正确，而不是values: myData您可能想要使用{values: myData}.

第三，您可能不想通过 JSP 手动组装 javascript 对象，应该有不错的库可以为您完成。

于 2012-11-07T15:40:21.947 回答
0

一种解决方案是使用 AJAX/JSON。

在一个NEW控制器中（让它映射到/MyControllerUrl），使用 aList并用具有我们对象的字母和数量的对象填充它（让我们调用这个新对象MyClass）。

List<MyClass> myList = new ArrayList<MyClass>();
myList.add(new MyClass("A", "1"));
myList.add(new MyClass("B", "2"));
myList.add(new MyClass("C", "3"));
request.setAttribute("myList", myList);

以上就是新控制器中的全部内容。而返回的JSP只有以下内容。

<c:out value="[" />

<c:forEach var="listItem" items="${myList}" varStatus="counter">
    {"letter": "${listItem.letter}", "number": "${listItem.number}"}<c:if test="${counter.count < fn:length(myList)}">,</c:if>
</c:forEach>

<c:out value="]" />

最后，在原来的 JSP 中，有以下内容。

<script>
    var myJsList= { };
    $.ajax({
        url: '${pageContext.request.contextPath}/MyControllerUrl',
        dataType: 'json',
        async: false,
        success: function(objectInfo) {
            $.each(objectInfo, function(key, object) {
                myJsList[object.code] = object.label;
            });
        }
    });
</script>

请注意，我使用.ajax了代替，.getJSON以便我可以设置async: false该变量以便立即可供参考。

我不喜欢这个选项，因为它需要 2 次调用而不是 1 次。所以我会等着看是否有其他建议。

于 2012-11-07T20:06:42.737 回答
0

如果您将 myData 作为字符串获取，并且您无法删除周围的引号'${myData}'（这似乎很奇怪，您不能，顺便说一句），那么试试这个：

将 JSP 的第一行更改为：

<c:set var="myData" value="var objMyData = {" />

并将您的脚本更改为：

<script>
    var myData = '${myData}';
    eval(myData);
    $("#mySelectorId").myJqueryFunction({values: objMyData});
</script>
于 2012-11-07T22:21:44.293 回答