javascript - 如何使用ajax和mysql循环数据

Question

我们有一个学校项目，我需要使用预制的 PHP api 仅使用 javascript 或 jquery 创建一个 mp3 专辑播放列表(不允许使用 php)。 我可以使用 ajax 调用输入数据。 我需要能够输入多首歌曲及其网址。 我设法以这种方式将数据输入到数据库中名为歌曲的列中。:

[{"name":["song1","song2"],"url":["url1","url2"]}]

如何使用 Javascript 或 jQuery 循环遍历此内容并将其显示为列表？

这是我正在使用的 ajax 调用。

function getsongs(index, name, url){

    $.ajax({
      url: "api/playlist.php?type=songs&id=" + index,
        method: 'GET',
            data: {
           "songs": [
        {
            "name": name,
            "url": url
        },
    ] },

        success: function(response, playlist){
             // Need to loop here?

        },

        error: function(xhr){
        console.log('error')
        console.log(xhr)
            }
    }); }

谢谢。

Answer 1

您可以使用“for”:

var arr = [{"name":["song1","song2"],"url":["url1","url2"]}];
var names = arr[0].name; // extract names from arr
var urls = arr[0].url; // extract urls from arr
for(var i=0; i< names.length && i < urls.length; i++){
   console.log(names[i]);
   console.log(urls[i]);
}