如何在Javascript中循环Django查询集

如何在javascript中循环Django模型查询集。我有一个使用javascript的音乐播放器，javascript中的“trackUrl”变量列出了曲目路径，我需要能够循环浏览每个用户上传的曲目，并为每个用户将它们加载到播放器中。我基本上需要为每个用户从音乐模型中获得曲目

希望这是有意义的，这里是我现在的一些代码

models.py

class Music(models.Model):
    track = models.FileField(upload_to='path/to/audio')
    title = models.TextField(max_length=50)
    artwork = models.ImageField(upload_to='path/to/img', blank=True)
    artist = models.ForeignKey(User, on_delete=models.CASCADE)

    def __str__(self):
        return self.title

music.js

<script>
$(function()
{
    var playerTrack = $("#player-track"), bgArtwork = $('#bg-artwork'), bgArtworkUrl,
     albumName = $('#album-name'), trackName = $('#track-name'), albumArt = $('#album-art'),
      sArea = $('#s-area'), seekBar = $('#seek-bar'), trackTime = $('#track-time'), insTime = $('#ins-time'),
       sHover = $('#s-hover'), playPauseButton = $("#play-pause-button"),  i = playPauseButton.find('i'), 
       tProgress = $('#current-time'), tTime = $('#track-length'), seekT, seekLoc, seekBarPos, cM, ctMinutes, 
       ctSeconds, curMinutes, curSeconds, durMinutes, durSeconds, playProgress, bTime, nTime = 0, buffInterval = null, 
       tFlag = false, albums = ['Dawn','Me & You','Electro Boy','Home','Proxy (Original Mix)'], 
       trackNames = ['Skylike - Dawn','Alex Skrindo - Me & You','Kaaze - Electro Boy','Jordan Schor - Home','Martin Garrix - Proxy'], 
       albumArtworks = ['_1','_2','_3','_4','_5'], trackUrl = 
      ['https://raw.githubusercontent.com/music-player-1/master/music/2.mp3',
       'https://raw.githubusercontent.com/music-player-1/master/music/1.mp3',
       'https://raw.githubusercontent.com/music-player-1/master/music/3.mp3',
       'https://raw.githubusercontent.com/music-player-1/master/music/4.mp3',
       'https://raw.githubusercontent.com/music-player-1/master/music/5.mp3'], 
       playPreviousTrackButton = $('#play-previous'), playNextTrackButton = $('#play-next'), currIndex = -1;

    function playPause()
    {

$（函数（）
{
变量playerTrack=$（“#播放器曲目”）、bgartArtwork=$（“#bg artwork”）、bgArtworkUrl、，
albumName=$（“#唱片集名称”）、trackName=$（“#唱片集名称”）、albumArt=$（“#唱片集艺术”），
sArea=$（'s-area'）、seekBar=$（'seek bar'）、trackTime=$（'s-area'）、insTime=$（'ins-time'），
Spoor=$（“#s-hover”）、playPauseButton=$（“#播放暂停按钮”），i=playPauseButton.find（'i'），
t进度=$（'当前时间'），tTime=$（'轨道长度'），seekT，seekLoc，seekBarPos，cM，ctMinutes，
ctSeconds、curMinutes、curSeconds、durmines、durSeconds、playProgress、bTime、nTime=0、buffInterval=null、，
tFlag=false，专辑=[《黎明》，《我与你》，《电子男孩》，《家》，《代理（原创混音）》，
trackNames=['Skylike-Dawn'、'Alex Skrindo-Me&You'、'Kaaze-Electro Boy'、'Jordan Schor-Home'、'Martin Garrix-Proxy']，
albumArtworks=[“1”，“2”，“3”，“4”，“5”，trackUrl=
['https://raw.githubusercontent.com/music-player-1/master/music/2.mp3',
'https://raw.githubusercontent.com/music-player-1/master/music/1.mp3',
'https://raw.githubusercontent.com/music-player-1/master/music/3.mp3',
'https://raw.githubusercontent.com/music-player-1/master/music/4.mp3',
'https://raw.githubusercontent.com/music-player-1/master/music/5.mp3'], 
playPreviousTrackButton=$（“#播放上一个”），playNextTrackButton=$（“#播放下一个”），currIndex=-1；
函数playPause（）
{

创建一个允许前端与您的模型交互的api。因此，在设置django rest framework之后，您可以使用类似axios的工具向api发出请求并获取模型数据

---

或者，您可以在views.py中创建一个自定义视图函数，用于获取所需的模型数据，然后将其自定义为JavaScript的可用格式（例如json格式）然后返回数据。然后在客户端，您只需使用axios向刚刚创建的视图函数发出请求，它就会向您发送json数据。

谢谢，我会尝试一下