jquery - 如何在 JSON 中使用 JS 变量？

Question

我正在尝试创建一个邮政编码查找 JQuery 脚本，该脚本可以在一个页面上多次使用，而不必为页面上的每个地址复制该脚本。 “查找”按钮具有“postcodeLookup”类和“地址”属性，这就是我打算如何让脚本填充正确的地址(它使用 JQuery Populate 插件)并且输入被命名为地址[line1]，其中“地址”是可变的(home[line1]、office[line1] 等)。

问题是如何获取填充地址的 JSON 以使用变量内容而不是文字“地址”？

//postcode lookups
$(".postcodeLookup").click(function(){
    alert("I am The Postcode Finder...\nPretending to find the address...\nFound it!");
    var address = $(this).attr('address');
    $("form").populate({
        address: {
            line1: "First Line of Addr.",
            line2: "Line 2!",
            line3: "Line 3 of The Address",
            postcode: "PO1 1PO"
        }
    });
    $(".addressArea").slideDown('fast');
});

Answer 1

var addrName = "office";
var address = {};

address[ addrName ] = {
   line1: "First line",
   line2: "Line 2..."
};

$("form").populate( address );

现在，当 addrName 为 office 时，这与书写相同

address['office'] = { }

...这与写作完全相同

address.office = { }

这一点知识在 javascript 的各个方面都将非常有用。

例如

for(var i = 0; i < 10; i++) {
    window['var' + i] = i;
}

实际上会在窗口对象中创建 10 个名为 var0、var1、...、var9 的变量(即公共(public)变量)。

好吧，这并不是很有用，但你明白了。