Question

I am trying to get the string to order by how it is displayed (red,blue,orange,black). For some reason, it will append the order randomly. For Example: it would output (blue,orange,red,black). Any help would be great. Thanks.

var tCookie = "red,blue,orange,black";
var Cookies = tCookie.split(',');

if (Cookies) {
    for (var i = 1; i <= Cookies.length; i++) {

        var dataString = "TabId="+Cookies[i]+"";

        $.ajax({
            type: "POST",
            url: "includes/tab.php",
            data: dataString,
            cache: false,
            success: function(html){
                $("#Dynamic_Tab").append(html).children(':last').hide().fadeIn("fast");
            }
        });
    }
}

Answer 1

You could have a list of requests and responses, and start appending when all are done, so that the order is always correct:

var deferreds = [],
    results = [];

for (var i = 1; i <= Cookies.length; i++) {
    (function(i) { // to freeze i

        var dataString = "TabId="+Cookies[i]+"";

        deferreds.push($.ajax({
            type: "POST",
            url: "includes/tab.php",
            data: dataString,
            cache: false,
            success: function(html){
                results[i] = html; // insert at the synchronous position
            }
        }));

    })(i);
}

$.when.apply($, deferreds).then(function() {
    $.each(results, function(i, html) {
         $("#Dynamic_Tab").append(html).children(':last').hide().fadeIn("fast");
    });
});