如何使用jQuery .load的选项

时间:2015-02-12 19:37:59

标签: javascript jquery ajax

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

通常,作为xmlhttp请求GET,我会像这样传递变量:

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

使用load,我无法使其工作(请求未成功):

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

在.load示例中显示“null”的空间中,参数为: “data:此可选参数表示随请求一起发送的数据映射”。

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

如何使用.load?

传递变量和请求

1 个答案:

答案 0 :(得分:2)

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

如果您想使用data参数,请查看the official jQuery API docs for the .load() method(不要与.load()事件处理方法混淆),其中包含:

  

数据
  输入:PlainObjectString
  使用请求发送到服务器的普通对象或字符串。

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

作为一个字符串(你或多或少已经拥有):

$('#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文档中的大多数示例都不使用data参数,但是页面底部的最后两个示例(在输入此答案时)显示了使用它的一些基本示例对象格式。