Javascript/jQuery 将变量设置为多个 $.ajax 调用的对象属性

Question

我希望通过 $.ajax 作为 JSON 发送许多不同的查询。

我已使用以下方法将这些查询存储在一个对象中：

var objectName = { 
"name1": { 
    "queryName": "longname1", 
    "queryAction": "JSONtoSend" 
}, 
"name2": { 
    "queryName": "longname2", 
    "queryAction": "JSONtoSend" 
},  
};

然后我将浏览 queryActions 并设置它们：

for (var i = 0, len = Object.keys(objectName).length; i < len; ++i) {
    var indexName = Object.keys(objectName)[i];
    objectName[indexName].queryAction = "";

    var JSONtoTransfer = objectName[indexName].queryAction;
}

$.ajax({
    type: "POST",
    url: 'URL',
    data: JSONtoTransfer,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(dataReturn){
        alert(dataReturn.blah);
    }
});

我无法设置 var JSONtoTransfer。它给了我一个意想不到的 [ 错误。我该如何解决这个问题？如果我直接将它输入到 $.ajax 的数据参数中，我会得到同样的错误。

我正在使用的代码将查询正确地存储在对象中，但我需要一种方法来遍历它们并通过 $.ajax 发送。

感谢您的帮助。这段代码可能不是最有效的做事方式，所以如果有人有任何建议，也非常欢迎:-)

所以我把原代码写错了，$.ajax 调用应该包含在 for 语句中。所以它实际上是在迭代......

无论如何，我发现工作是创建一个数组，将 queryAction 推入其中，然后对其进行字符串化...

Answer 1

几个问题：

• JSONtoTransfer 超出了您的 ajax 调用范围。如果您想在每次迭代中填充 JSONtoTransfer 并每次都使用这个不同的值发出 ajax 请求 - 将 ajax 调用放在 for 循环中（尽管我会认真考虑重构它以便进行一次 ajax 调用并反序列化它不同（如果是您的服务器端代码处理它））
• 您将objectName[indexName].queryAction 设置为一个空字符串，然后将此值分配给JSONtoTransfer（现在总是一个空字符串）

• 你的for 语法有点混乱。最佳做法是改变

  for (var i = 0, len = Object.keys(objectName).length; i < len; ++i) {

  到

  for (var i = 0; i < Object.keys(objectName).length; ++i) {

  即无需将len 初始化为相同的值。注意：这更多是为了可读性，而不是（那么多）性能。如果您在循环中对 len 有其他用途，则此建议将不适用。

Answer 2

您的变量 objectName 实际上已经是 JSON 数据了。我可能错了，但我认为这应该可行（代码更少）：

var jsonData = { 
    "name1": { 
        "queryName": "longname1", 
        "queryAction": "JSONtoSend" 
    }, 
    "name2": { 
        "queryName": "longname2", 
        "queryAction": "JSONtoSend" 
    },  
};

//Post with AJAX
$.post('url.php', jsonData, 'json')
.done(function(data) {
    alert('Succes!')
})
.fail(function(data) {
    alert('Failed!')
});

//This does the same (Post with AJAX)
$.ajax({
    url: 'url.php', //Get action attribute of the form
    type: "POST",
    data: jsonData,
    dataType: "json",
    .done(function() { //or success: function() {
            alert( "success" );
    })
    .fail(function() { //or error: function() {
            alert( "error" );
    })
    .always(function() { //or beforeSend: function() {
            alert( "complete" );
    });
});

Answer 3

我不确定您想要什么，但正如其他人指出的那样，您的代码存在许多问题，但我认为您希望一个接一个地迭代地执行 ajax 调用。如果这是你想要的，那么看看 jQuery defered -docs are here.Hope that help