AJAX - 提交多个POST数据

Question

我拼命试图通过AJAX提交多个POST变量，但是无法设法让格式正确...问题是我有一个硬编码/写入的action=problem_lookup变量和一个动态字段输入为$(this).val并且无法将两者合并为一个数据字符串......

这很好用：

data: 'problem=' + $(this).val(),

这不是：

data: { action: 'problem_lookup' , problem: $("problem").val() },
data: { action: 'problem_lookup' , problem: $(this).val() },
data: { action: problem_lookup, problem: $(this).val() },

我从其他线程尝试了很多格式并查看了官方的jquery手册，但似乎无法解决这个问题。 任何帮助表示赞赏。

编辑：

下面的完整脚本，尝试了迄今为止发布的解决方案但没有成功。 $("problem")是一个<select>字段（运行Select2）因此不应该让我如此沮丧，特别是因为最初的data: 'problem=' + $(this).val(),方法data: 'problem=' + $(this).val(),工作正常。

$(function () {
    $('#problem').change(function () {                      // on change in field "problem"

    var data = {
        action: 'problem_lookup', 
        problem: $("problem").val()
    }

        $.ajax({                                            // launch AJAX connection
            type: 'POST',                                   // via protocol POST
            url: 'ajax.php',
            //data: 'problem=' + $(this).val(),             // send $_POST string
            //data:"{'action':'"+action+"','problem':'"+$(this).val()+"'}",
            //data:"{'action':'problem_lookup','problem':'"+$(this).val()+"'}",
            //data: { action: 'problem_lookup' , problem: $("problem").val() },
            //data : data_string,
            data: $.param(data),
            dataType: 'json',                               // encode with JSON
            success: function (data)
            {
                // do something
            },
        });
    });

});

Answer 1

尝试FormData（） FormData 。

var data = new FormData();
data.append('action', value);
...

Answer 2

您需要首先指定数据变量，如下所示：

var data = {
    action: 'problem_lookup', 
    problem: $("problem").val()
}

在AJAX中使用$ .param序列化您的数据，

data: $.param(data),

---

注意：两次检查$("problem").val()是否正确。 如果problem是一个类，你需要像这样指定$(".problem").val()或者如果它是ID， $("#problem").val()

Answer 3

一个问题在于

          $("problem")

Jquery电话。

if.problem是一个css类试试

          $(".problem")

如果问题是css id试试

       $("#problem")

对于发布对象数组，您可以将数据构建为包含数组的对象，从而改变您的结构。 像这样的东西

 Var obj={};
 obj.postData=[];
 obj.postData.push(/*your first object here*/);
 ...
 obj.postData.push(/*your n-th object here*/);


    $.ajax({    
         .....
        data:obj;
        ......
     });