js中用el表达式取值

1. 取值字符串

java代码

        String hello = "Hello World";
        model.addAttribute("hello", hello);

js代码

        var hello = '${hello}';
        console.info(hello);

结果
在这里插入图片描述
注意:var hello = ‘${hello}’;一定要有引号,否则会以为取到的值是一个变量,然后报错。
在这里插入图片描述

2. 取值后台List

1)第一种方案,在后台转成JSONArray对象的字符串,前台直接取值(不加引号

java代码

		List hellos = Arrays.asList("aaa", "bbb", "ccc");
        String helloStr = JSONArray.fromObject(hellos).toString();
        
        model.addAttribute("helloStr", helloStr);

js代码

        var hello = ${helloStr};
        console.info(hello);

结果
在这里插入图片描述

2)第二种方案,在后台转成JSONArray对象,前台取值(加引号),再转成js数据结构

java代码

  	    List hellos = Arrays.asList("aaa", "bbb", "ccc");
        JSONArray helloArray = JSONArray.fromObject(hellos);
        
        model.addAttribute("helloArray", helloArray);

js代码

        var hello = JSON.parse('${helloArray}');
        console.info(hello);

结果
在这里插入图片描述

你可能感兴趣的:(JavaScript)