zoukankan      html  css  js  c++  java
  • Js获取后台集合List的值和下标的方法

    首先用的是struts2的框架,分两种情况:

    1. 集合list里面是值,不是对象,后台代码:

    public class myTest {
        ArrayList<String> mylist;
        
        public ArrayList<String> getMylist() {
            return mylist;
        }
    
        public void setMylist(ArrayList<String> mylist) {
            this.mylist = mylist;
        }
    
        public String test(){
            mylist = new ArrayList<String>();
            mylist.add("aa");
            mylist.add("bb");
            mylist.add("cc");
            mylist.add("dd");
            return "success";
        }
    }

    前台代码:

    首先,引入相应的标签和js库

    1)引入jstl标签库,<%@taglib uri="http://Java.sun.com/jsp/jstl/core" prefix="c"%>

    2)引入jQuery库,<script type="text/JavaScript" src="js/jquery.js"></script>

     (3)js代码:

    <script type="text/javascript">
        var array = new Array();
        //console.info("info");
        <c:forEach items="${mylist}" var="item" varStatus="status" >
            array.push("${item}");
            //获得值
            alert("${item}");
            //获得其下标
            alert("${status.count}");
            //var temp = "${item}";
        </c:forEach>
        for(var i=0;i<array.length;i++){
            alert(array[i]);
        }
        
    </script>

    2.集合list中是对象,不是值

    1)后台代码:

     

    package com.beans;
    
    public class Dog {
        String name;
        int age;
        public String getName() {
            return name;
        }
        public void setName(String name) {
            this.name = name;
        }
        public int getAge() {
            return age;
        }
        public void setAge(int age) {
            this.age = age;
        }
    }
    
    public class myTest {
        ArrayList<Dog> mylist;
    
        public ArrayList<Dog> getMylist() {
            return mylist;
        }
    
        public void setMylist(ArrayList<Dog> mylist) {
            this.mylist = mylist;
        }
    
        public String test(){
            mylist = new ArrayList<Dog>();
            Dog dog1 = new Dog();
            Dog dog2 = new Dog();
            dog1.setName("wangwang");
            dog1.setAge(121);
            dog2.setName("miaomiao");
            dog2.setAge(151);
            mylist.add(dog1);
            mylist.add(dog2);
            return "success";
        }
    
    }

     

    2Js代码:

    <script type="text/javascript">
        var array = new Array();
        //console.info("info");
        <c:forEach items="${mylist}" var="item" varStatus="status" >
            array.push("${item}");
            var temp = "${item}";
            //获得其下标
            alert("${status.count}");
            //传递过来的是字符串,加引号
            alert("${item.name}");
            //传递过来的是int类型,不需要加引号
            alert(${item.age});
        </c:forEach> 
    </script>
  • 相关阅读:
    memcache内存估算整理
    yii2-更改默认显示的通用主页
    微信小程序开发工具中快捷键
    微信个人公众号推广
    [微信小程序]编译.wxss出错,2 not found
    [转载]SSH框架搭建详细图文教程
    网址收集
    在IIS上新发布的网站,样式与js资源文件加载不到(资源文件和网页同一个域名下)
    css与html基础收集
    js与jq基础记录
  • 原文地址:https://www.cnblogs.com/shuilangyizu/p/8178377.html
Copyright © 2011-2022 走看看