ajax - 如何在 jquery 中使 ajax 数据键动态化？

Question

我正在尝试使内联编辑成为动态的，因此它只依赖于我的标记中的一些数据属性，所以现在的代码如下:

$(".inline-edit").editable(
  function(value, settings) {
    var editableField = $(this);

    $.ajax({
          type: 'PUT',
          url: editableField.attr('data-href'),
          dataType: 'html',
          success: function(html) {
            editableField.parents('.replaceable').replaceWith(html);
          },
          data: { 'regression_test_environment[name]' : value }
        });
        return(value);
  },
  {
    event: 'click',
    width: '80%',
    height: '20',
    submit : 'OK'
  }
)

我希望regression_test_environment[name]中的名称为editableField.attr('data-column-name')，但它总是编译失败，因为它一直将 key 作为字符串。我尝试在可编辑字段变量赋值之后创建一个变量，并将字符串构建为不同的变量，但它不想将键作为函数进行计算。

有办法做到这一点吗？或者我是否坚持为每个可编辑字段创建单独的 .editable 调用？

Answer 1

你可以尝试这样:

var name = editableField.data('column-name');
var values = { };
values['regression_test_environment[' + name + ']'] = value;

$.ajax({
    type: 'PUT',
    url: editableField.data('href'),
    dataType: 'html',
    data: values,
    success: function(html) {
        editableField.parents('.replaceable').replaceWith(html);
    }
});