My getJSON calls are returning results randomly rather than the order they are called

Question

I need to make multiple getJSON requests to write data to an HTML file. This example shows 3 requests yet I will add up to 6 requests (maybe more) in the same forma

Answer 1

You can chain your calls:

$.getJSON(url0, function (data) {
    utcday =  data[0].createdOn;
    ltrDay = moment.utc(utcday).format("DD MMM YY");                           

    $('#listDiv').append("
" + nwsltrNames[0] + "
" + data[0].conversation + "
" + ltrDay + "
" + data[0].textHead + "
");
    $.getJSON(url1, function (data) {

        utcday =  data[0].createdOn;
        ltrDay = moment.utc(utcday).format("DD MMM YY");                           

        $('#listDiv').append("
" + nwsltrNames[1] + "
" + data[0].conversation + "
" + ltrDay + "
" + data[0].textHead + "
");
        $.getJSON(url2, function (data) {
            utcday =  data[0].createdOn;
            ltrDay = moment.utc(utcday).format("DD MMM YY");                           

            $('#listDiv').append("
" + nwsltrNames[2] + "
" + data[0].conversation + "
" + ltrDay + "
" + data[0].textHead + "
"); 
        }); 
    });
});

The A of AJAX is asynchronous: requests are done in parallel, the server answers in parallel, the browser receive responses in parallel. Each requests have their own speed.