如何使用Ajax和MySQL遍历数据

时间:2018-08-26 10:05:02

标签: javascript jquery ajax api loops

我们有一个学校项目,我需要使用仅使用javascript或jquery(不允许使用php)的预制PHP api创建一个mp3专辑播放列表。 我可以使用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)
            }
    }); }

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用“用于”:

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]);
}