<input type="hidden" th:value="${musiclist}" id="currentTypeNum"/>获取后端传来的list集合该集合以对象为元素怎么在JS取出数据
时间: 2023-07-19 15:37:13 浏览: 72
如果后端传来的list集合以对象为元素,你可以使用以下代码在JS中获取:
```javascript
var musicList = JSON.parse(document.getElementById("currentTypeNum").value);
for (var i = 0; i < musicList.length; i++) {
var music = musicList[i];
console.log("歌曲名称:" + music.name + ",歌手:" + music.singer);
}
```
这里假设每个对象包含两个属性`name`和`singer`,你可以根据实际情况修改属性名。`musicList[i]`获取了第`i`个元素,然后你可以通过`.`操作符获取对象的属性。
相关问题
<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数据。
后端:List<Musicfactory> musiclist= searchMusicDao.selectList(lqwmusic);model.addAttribute("musiclist",musiclist);前端:<input type="hidden" th:value="${musiclist}" id="currentTypeNum"/>获取后端传来的list集合该集合以对象为元素怎么在JS取出数据
你可以使用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);
```
阅读全文