there is no result my javascript array WHY?

Question

i push data array i can see it in array but out of function there is no data in array why ??

function keyWordsearch() {

        var musicIDs = [];
        gapi.client.setApiKey('AIzaSyB2O-w22OSJVSKPhAYsK_zxX7FsThM0mhE');
        gapi.client.load('youtube', 'v3', function () {
            idlist = '';


            var q = $('#querySerach').val();
            $("#result").empty();
            var request = gapi.client.youtube.search.list({
                q: q,
                part: 'snippet',
                maxResults: 3,

            });

            request.execute(function (response) {

                for (var i = 0; i < response.items.length; i++) {

                    var musicid2 = response.items[i].id.videoId;

                    musicIDs.push(musicid2);

                   // i push data array i can see it in array but  out of function there is no data in array why ?? ------

                    var pID = '#myPlayerID';
                    var ratio = '4/3';

                }

            });

        });
        alert(musicIDs[1]); // here is musicID[1] return undefined

}

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

Ajax calls are asynchronous, so you have to do the alert inside the response function where the api is called. In this case inside the request.execute(function (response) {

request.execute(function (response) {

            for (var i = 0; i < response.items.length; i++) {

                var musicid2 = response.items[i].id.videoId;

                musicIDs.push(musicid2);

                var pID = '#myPlayerID';
                var ratio = '4/3';

            }

            alert(musicIDs[1]);
}

More info here

edited May 23 '17 at 11:58

Community

1
1

answered Oct 15 '15 at 07:16

Carlos Mayo

2,054
1
19
35

Answer edited, thanks – Carlos Mayo Oct 15 '15 at 07:20
thank you to help. yes i can get data this case , but i need this array in another function.but when i use this array in another function ,no data return – Anıl Sarı Oct 15 '15 at 07:21
1

You need to call the another function inside the response function to ensure this array has the correct data or use the promises to execute other function when the first function has finished his ajax request. See the more info link. – Carlos Mayo Oct 15 '15 at 07:26
1

@AnılSarı: This issue is thoroughly discussed in the linked question and its answers. – T.J. Crowder Oct 15 '15 at 07:34
i dont understand :/ – Anıl Sarı Oct 15 '15 at 07:47

there is no result my javascript array WHY?

1 Answers1