在 JavaScript 中从支持 bean 迭代列表

Question

我有一个支持 bean 中的对象列表 我想用 JavaScript 迭代它， 所以我尝试了以下操作：

<script>
    //<![CDATA[
    var length = #{fn:length(myBean.myList)};

    for (i = 0; i <= length; i++) {
        var value = '#{myBean.myList[i].id}';
        var label = '#{myBean.myList[i].firstName}';
        alert(value);
        alert(label);
    }
    //]]>
</script>

我在控制台中没有收到任何错误，但它显示空警报。这是如何引起的以及如何解决？

Answer 1

您需要先将其转换为 JS 对象数组。假设 id 是数字，具体方法如下：

var users = [
  <ui:repeat value="#{bean.users}" var="user" varStatus="loop">
    { id: #{user.id}, firstName: "#{user.firstName}" }#{loop.last ? '' : ','}
  </ui:repeat>
];

for (var i = 0; i < users.length; i++) {
    var user = users[i];
    alert(user.id);
    alert(user.firstName);
}

仅当用户名包含换行符（双引号已被 JSF 转义）时，此操作才会失败。考虑按照 Escape JavaScript in Expression Language 显式转义 JS

更好的方法是让 JSF （或者最好是一些 Web 服务，例如 JAX-RS，在 ajax 请求时）已经使用 JSON 格式返回它一个 JSON像 Google Gson 这样的解析器/格式化程序，这样你就可以这样做：

var users = #{bean.usersAsJson};

for (var i = 0; i < users.length; i++) {
    var user = users[i];
    alert(user.id);
    alert(user.firstName);
}

with （假设你正在使用Gson)：

public String getUsersAsJson() {
    return new Gson().toJson(users);
}

另请注意，您应该使用 i <长度 不是i <= 长度。另请注意，users 比 myList 更具自记录性。

Answer 2

我遇到了同样的错误，我通过使用解决了它
“<” 而不是 <在 for 循环中