JSFiddle - React, Tailwind, and code Playground

by guest271314

JavaScript

var map = "abcdefghi".split("");
    var responses = []; // collect responses
    $.ajaxSetup({
        beforeSend : function(jqxhr, settings) {
          jqxhr.id = Number(settings.data.split(/id=/)[1]); // add `id` to `request`
            console.log(settings.data.split(/id=/)[1]);
        }
    });
    var request = function(id, data) {
        // append `id` to `id` data
        return $.post("/echo/json/", {json:JSON.stringify([data]), id:id})
    };
    
    $.each(map, function(k, v) {
        setTimeout(function() {
          request(k + 1, v)
          .done(function(data) {
            console.log(data)
          })
          .always(function(data, textStatus, jqxhr) {
          responses.push([jqxhr.id, data[0]]);
              if (responses.length === map.length) {
                  responses.sort();
                  console.log(responses)
              }
          });
        },1 + Math.random() * 1000)
    })