遇到的问题----js获取java的数组（1）

look_w

但js中是不能直接使用java后端传值的数组的。


有两个解决方法:

1.ajax请求返回数组，这种方式返回的数组是直接能使用的。这里就不详说了。

2.把java的数组转换成 js数组。  本章主要讲解这种方式。



JS中遍历一个EL表达式的集合为空原因

el表达式生效的时候javascript代码还全都是文本 等javascript生效的时候早就没了el表达式了。


js是客户端执行,EL是在服务端执行,而服务端比客户端先执行,所以你不能用js来改变已经执行的el表达式的值

但是却可以用el来给js初始化传值。

也就是不能再在js的逻辑代码中再去获取EL表达式,只能在js的逻辑代码中把EL表达式的输出 当成文本。


如果JS脚本不是在JSP页面里而是在单独的JS文件里,这时用EL初始传值是不起作用的,但你可以通过window.onload()来得到EL的值再传送给JS文件里的方法进行变量初始化



js获取java数组的长度

所以我们发现在jsp中生效的 ${strs.length}是不生效的。

只能通过fn函数

页面引入<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

${fn:length(strs)} 可在js中获取java数组的长度。



把java的数组转换成 js数组

把java数组转换成js数组的原理是创建一个js数组然后把java数组中的值取出放进去。

我们现在有一个costList数组，格式是String[]

现在新建一个 list1的js数组Array 来获取  costList数组的值。


有如下几种方法:
使用c标签EL表达式在创建js数组时拼接

var list1 = new Array(
5.0,3.0,4.0,5.0,4.0,4.0,5.0,4.0,5.0
)

构造出这样的js代码就行。

    function initSit()
    {
    var list1 = new Array(
    <c:forEach items="${costList}" begin="0" end="0" var="cost">${cost}</c:forEach>
    <c:forEach items="${costList}" begin="1"  var="cost">,${cost}</c:forEach>
    )
    //这里是属于js的部分
    var i=0;
    for(;i<list1.length ;i++)
    {
    alert(list1[i]);
     
     
    }
    }
    initSit();




使用java脚本在创建js数组时拼接

    function initSit()
        {
    var list1 = new Array(
    <%
     
    String[] costList = (String[])request.getAttribute("costList");
    //使用java脚本来输出数字
    //数组是costList[0]，List则是costList.get(0)
    out.print(costList[0]);
    //这里这么写很重要...只有这样才能个js的 Array对象正确赋值
    for(int i=1; i<costList.length; i++)
    {
    out.print(",");
    out.print(costList[i]);
    }
    //java脚本部分结束
    %>
     
    )
     
    //这里是属于js的部分
    var i=0;
    for(;i<list1.length ;i++)
    {
    alert(list1[i]);
     
    }
    }
     
    initSit();