javascript - 在javascript中初始化对象时如何使用元素名称？

Question

我正在尝试使用 ajax 函数获取数据，但我的代码返回:

Uncaught SyntaxError: unexpected string..

Javascript:

var myParams = {
  $('#csrf').attr('name') : $('#csrf').val(),
  'module' : 'culinary',
  'id' : '12',
}
$.ajax({
  url: '/uploader/get_list',
  type: 'GET',
  data: myParams,
  success: function(response) {
    reponse = $.parseJSON(response);
    console.log(response);
  }
});

我的一个 friend 建议使用这个:

var myParams = [];
myParams[$('#csrf').attr('name')] = $('#csrf').val();
myParams['module'] = 'culinary';
myParams['id'] = '12';

但是如果我使用第二种方法，PHP函数无法识别参数。

将参数发送到 ajax 函数的正确方法是什么？

Answer 1

问题出在您创建 myParams 对象时。要使用变量创建键，您需要使用括号表示法。试试这个:

var myParams = {
  'module': 'culinary',
  'id': '12',
}
myParams[$('#csrf').attr('name')] = $('#csrf').val();

您的第二个示例不起作用，因为您创建了一个数组，即。 []，不是对象，{}。

另请注意，如果您设置了请求的 dataType 属性，那么您无需手动解析响应，因为 jQuery 会为您完成:

$.ajax({
  url: '/uploader/get_list',
  type: 'GET',
  data: myParams,
  dataType: 'json',
  success: function(response) {
    console.log(response);
  }
});