后端:List<Musicfactory> musiclist= searchMusicDao.selectList(lqwmusic);model.addAttribute("musiclist",musiclist);前端:<input type="hidden" th:value="${musiclist}" id="currentTypeNum"/>获取后端传来的list集合该集合以对象为元素怎么在JS取出数据
时间: 2023-07-19 22:38:50 浏览: 44
你可以使用JavaScript的forEach()方法遍历这个List集合的对象元素,然后对每个对象进行属性值的获取,例如:
```javascript
var musicList = document.getElementById("currentTypeNum").value; // 获取隐藏域中的List集合
musicList.forEach(function(music) { // 遍历List集合的对象元素
var musicName = music.name; // 获取对象的name属性
var musicArtist = music.artist; // 获取对象的artist属性
// 对获取到的属性值进行操作
});
```
需要注意的是,由于获取的List集合是字符串类型,需要使用JSON.parse()方法将其转换为JavaScript的对象数组。例如:
```javascript
var musicList = JSON.parse(document.getElementById("currentTypeNum").value);
```
相关问题
at com.example.musicplayer.MusicList.<init>(MusicList.java:95) at java.lang.reflect.Constructor.newInstance(Native Method)
这个错误是由于在 MusicList.java 文件的第 95 行代码出现了异常导致的。请检查该行代码,并确保它没有错误或者异常。如果该行代码没有问题,可以检查该代码所依赖的其他代码或者资源是否存在异常,例如可能出现了空指针异常或者文件不存在等情况。如果需要更详细的错误信息,可以查看该错误的完整堆栈跟踪信息,以确定更具体的错误原因。
<input type="hidden" th:value="${musiclist}" id="currentTypeNum"/>获取后端传来的list集合怎么在JS取出数据
你可以使用以下代码在JS中获取后端传来的list集合:
```javascript
var musiclist = JSON.parse(document.getElementById("currentTypeNum").value);
```
这里假设后端传来的list集合是一个JSON格式的数据,需要使用`JSON.parse()`方法将其转换为JavaScript对象。`document.getElementById("currentTypeNum").value`获取了`id`为`currentTypeNum`的`input`元素的`value`属性,也就是后端传来的JSON数据。