javascript - 如何按照与请求相同的顺序对 AJAX 响应进行排序？

Question

我有一个对象，其属性按特定顺序排序。对于每个属性，我必须进行 AJAX 调用，并且需要响应的顺序与对象的顺序相同。或者至少在所有回复到达后以相同的顺序获取它。

编辑:如果这可能有帮助，可以使用 jQuery。

我尝试应用相关问题中的建议，但没有成功。

我简化了我的功能:

prefillTable : function (data) {
    console.log(data);
    // this is the order of properties I need in my response:
    // => Object {color: "blue", light: "led", type: "interior", size: "18"}

    for (var prop in data) {
        (
            function (key) {
                service.getAvailableValues(key, function (data) {
                    // this is where the sort order is missing right now
                    console.log(key);
                });
            }
        )(prop, data[prop]);
    }
}

// output order of console.log(key) is always different, for example:
// [11:53:12.099] => "type"
// [11:53:12.113] => "light"
// [11:53:12.120] => "color"
// [11:53:12.158] => "size"

有趣的是:在 Chrome 中，响应顺序始终与请求顺序相同。在 Firefox 中，它会随机播放。

Answer 1

对象没有排序。如果您想要订单，请发回一个数组。

 [ 
    { "name": "color", "value": "blue"},
    { "name": "light", "value": "led" },
    etc
 ]