如何使用jQuery .load选项

Question

我正在尝试使用jQuery的AJAX处理.load同时将几个变量与请求一起传递。

通常，作为xmlhttp请求GET，我将像这样传递变量：

xmlhttp.open("GET","myfile.php?        
var1="+data1+"&var2="+data2+"&var3="+data3+"&var4="+data4,true);

使用负载，我无法使它正常工作（请求未成功）：

$('#txtHint').load("myfile.php?var1="+data1+"&var2="+data2+"&var3="+data3+"&var4="+data4 , null, function (){ });

在.load示例中其为“ null”的空间中的参数是：“ data：此可选参数表示随请求发送的数据映射”。

如果我没有正确理解，我相信我可以使用它来发送变量和请求。 但是，我找不到有关如何格式化它的信息。

如何使用.load将变量与请求一起传递？

Answer 1

看来您的方法应该作为myfile.php的GET myfile.php 。

如果要改用data参数，请查看.load()方法的官方jQuery API文档 （不要与.load()事件处理方法混淆），其中说：

数据
类型： PlainObject或字符串
与请求一起发送到服务器的普通对象或字符串。

因此，您可以将其作为字符串或对象传递。

作为字符串（您或多或少已经拥有）：

$('#txtHint').load('myfile.php',
    "var1="+data1+"&var2="+data2+"&var3="+data3+"&var4="+data4,
    function() { }
);

作为一个对象（ 请注意，这会使您的请求成为 POST ）：

$('#txtHint').load('myfile.php',
    {
        var1: data1,
        var2: data2,
        var3: data3,
        var4: data4
    },
    function() { }
);

jQuery docs中的大多数示例都不使用data参数，但是页面最底部的最后两个示例（输入此答案时）显示了一些以对象格式使用它的基本示例。