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<String> 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<String> hellos = Arrays.asList("aaa", "bbb", "ccc");
        JSONArray helloArray = JSONArray.fromObject(hellos);
        
        model.addAttribute("helloArray", helloArray);

js代码

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

结果