使用 Jquery $getJSON 如何动态为 Url 参数后的 [data] 参数创建数据？

Question

我没有任何问题让 Json 工作并解析 json 返回。我只是想知道如何构建一个动态的“无论数据是什么”并将其粘贴到 [data] 中以从那里传递我的参数，而不是手动将它们附加到 url 中。

来自 jquery 网站的示例：

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
     alert("JSON Data: " + json.users[3].name);
});

我认为我可以构建一个字符串（无论如何都没有意义）并将其放入 { } 内，但我显然不理解那部分。

name: 不是字符串，您不能在该部分中放置变量，那么我如何动态地将项目放入 [data] 中。

更新：感谢您的回答。如果我稍后没有找到有效值，我是否能够从对象中删除参数名称，或者我是否需要销毁它并重新创建它？我正在使用一些选择框来选择内容，但我可能没有选择某些内容，因此我不想传递该参数名称/值。

Answer 1

{} 是一个 javascript 对象文字，因此 name 是那个物体。

你可以做这样的事情：

var data = {};
data.name = $("#input").val();
$.getJSON("test.js", data, function(json){
     alert("JSON Data: " + json.users[3].name);
});

或者这样的事情

var data = {
    name: $("#input").val(),
};
$.getJSON("test.js", data, function(json){
     alert("JSON Data: " + json.users[3].name);
});

Answer 2

您可以像这样构建您的对象：

var someVar = someRandomString();
$.getJSON('test.js', (function() {
  var theData = {};
  theData[someVar] = someRandomValue();
  return theData;
})(), function(jsonStuffFromServer) {
  alert("JSON Data: " + jsonStuffFromServer.users[3].name);
});

当然，您不必在匿名函数中构建“数据”对象；;您可以事先单独执行此操作：

var theData = {};
theData[someVariableWithANameInIt] = someRandomValue();
$.getJSON(url, theData, function(jsonStuff) { ... });

以下是如何从页面上的一组 元素构建这样的对象：

var theData = {};
$('#myForm select').filter(function() { return $(this).val() != ''; })
  .each(function() {
    theData[this.name] = $(this).val();
  });

$.getJSON(url, theData, function(jsonStuff) { ... });

Answer 3

创建一个对象，然后您可以在其中放入任何您喜欢的属性：

var data = new Object();

或者：

var data = {};

您可以使用属性语法：

data.name = 'John';
data.time = '2pm';

或关联数组语法（如果参数名称是关键字，这很有用）：

data['name'] = 'John';
data['time'] = '2pm';

您当然可以使用变量作为值，甚至使用变量来指定参数名称：

var param = 'name';
var value = 'John';
data[param] = value;

然后您只需在调用中使用数据变量：

$.getJSON("test.js", data, function(json){
   alert("JSON Data: " + json.users[3].name);
});

Answer 4

你可以这样做：

var myName = $("#nameField").val();
var myTime = $("#timeField").val();

$.getJSON("test.js", { 'name': myName, 'time': myTime}, function(json){
     alert("JSON Data: " + json.users[3].name);
});

是你的意思吗，还是动态参数以及变量？