如何使用JQuery在ajax上传递多个变量

Question

在JQuery中，如果要将变量传递给ajax，代码可以像这样

$("#productselection").load("/productform", {product: $("#product").val()});

加载多个的正确方法是什么？

Answer 1

您可以根据需要向第二个参数传递任意数量的值：

$("#productselection").load("/productform", {
    product: $("#product").val(),
    another: 1234,
    foo: "something else..."
});

在此处阅读.load()文档：http://api.jquery.com/load/

Answer 2

您可以传递像

这样的JSON对象

$("#productselection").load("/productform", {
    product: $("#product").val(),
    product2: $("#product2").val(),
    foo: "bar"
});

有关详细信息，请访问official docs

Answer 3

您可以创建一个新对象然后传递它，也可以直接传递它。

var data = { 'product': 'bar', 'product2': 'bar', 'product3': 'bar }

$("#productselection").load("/productform", data);

您还可以传递数据数组

$( "#objectID" ).load( "test.php", { "products[]": [ "bar1", "bar", "bar3"] } );