Jquery & javascript - 函数结果，作为属性名称

Question

我想使用 jquery 获取输入名称，作为属性名称。

html

<input name="data[First][Second]" />

脚本

$.post(
   '/url', 
   {
      $("input").prop("name"): $("input").val()
   }
);

如何（直接）完成？

Answer 1

您不能将变量值用作文字中的属性名称。您必须分两步完成并使用bracket notation：

var obj = {};
obj[$("input").prop("name")] = $("input").val();
$.post('/url', obj);

如果不想打断流程，又想要表达式，可以使用函数表达式：

$.post(
   '/url', (function(){
       var obj = {};
       obj[$("input").prop("name")] = $("input").val();
       return obj;
    })()
);

还有一个很小的优势是你不会用新变量污染外部作用域，但它通常不会更清晰。