从JSP列表填充JavaScript数组

uyhoqukh 于 2022-12-07 发布在 Java

关注(0)|答案(4)|浏览(152)

好吧，也许有人能帮助我解决我正在尝试解决的问题。实际上，我有一个JSP页面，它获得了一个Country对象列表（来自Spring Portlet SimpleFormController的referenceData（）方法，不完全相关，只是在可能的情况下提及）。每个Country对象都有一组省对象，每个省和国家都有一个名称字段：

public class Country  {
    private String name;
    private Set<Province> provinces;

    //Getters and setters
}

public class Province {
    private String name;

    //Getters and setters
}

现在，我在JSP中有两个下拉菜单，分别对应国家和省份，我想按国家筛选省份。
现在我需要一个动态的方法来从我的内容创建JavaScript数组。在任何人提到 AJAX 之前，这是不可能的，因为我们的项目使用portlet，我们希望远离使用DWR这样的框架或创建servlet。下面是我目前拥有的JavaScript/JSP，但它没有用任何东西填充数组：

var countries = new Array();
<c:forEach items="${countryList}" var="country" varStatus="status">
    countries[status.index] = new Array();
    countries[status.index]['country'] = ${country.name};
    countries[status.index]['provinces'] =
    [
        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus">
            '${province.name}'
            <c:if test="${!provinceStatus.last}">
              ,
            </c:if>
        </c:forEach>
    ];
</c:forEach>

有没有人知道在上面的例子中如何在JSP中创建一个JavaScript数组，或者在这种情况下什么是“最佳实践”？提前感谢！

jsp

来源：https://stackoverflow.com/questions/3040645/populating-javascript-array-from-jsp-list

4条答案

按热度按时间

nkhmeac61#

var countries = new Array();
<c:forEach items="${countryList}" var="country" varStatus="status"> 
    countryDetails = new Object();
    countryDetails.country = ${country.name}; 
    var provinces = new Array();

        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus"> 
           provinces.push(${province.name});
        </c:forEach> 
    countryDetails.provinces = provinces;
    countries.push(countryDetails);
</c:forEach>

现在你在javascript中看到的是这样的东西

var countries = [
  {country:"USA",
  provinces: [
    "Ohio",
    "New York",
    "California"
  ]},
  {country:"Canada",
  provinces: [
    "Ontario",
    "Northern Territory",
    "Sascetchewan"
  ]},
]

另一个选择是让您的输出看起来像我发布的javascript。

var countries = [
<c:forEach items="${countryList}" var="country" varStatus="status">  
    {country: '${country.name}',
    provinces : [ 
        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus">  
           '${province.name}'
           <c:if test="${!provinceStatus.last}">    
             ,    
           </c:if>   
        </c:forEach>  
    ]}
    <c:if test="${!status.last}">    
      ,    
    </c:if>  
    </c:forEach>  
];

赞(0）回复(0）举报 2022-12-07

afdcj2ne2#

您是否考虑过使用JSON？有几个库可以接受泛型集合并输出JSON for Java and other languages。

赞(0）回复(0）举报 2022-12-07

ippsafx73#

代码中的主要问题是忘记将“status.index”放在${ }中。

countries[${status.index}] = new Array();

也就是说，这是一个非常糟糕的方法，因为你最终会在你的页面中使用很多Javascript代码。使用Javascript对象表示法创建列表要好得多，就像@John Hartsock的第二个答案一样。

赞(0）回复(0）举报 2022-12-07

hlswsv354#

var javaScriptArray = '${javaListVariable}';
                            
javaScriptArray = someList.replace("[","").replace("]","").split(",").map(function(item {
   return item.trim();
});

赞(0）回复(0）举报 2022-12-07

我来回答

从JSP列表填充JavaScript数组

4条答案

相关问题

热门标签

最新问答