javascript - 连接参数语法

Question

不知道如何提出问题，如果对标题有任何建议，请告诉我......

我有以下函数，可以通过 AJAX 检索 JSON 文件的信息。这个函数如下所示:

setOptionsSettings("[data-machine-brand-options]", apiUrlMachineBrands, 'name');

function setOptionsSettings(htmlElement, url, apiParameter) {

    $.ajax({
        dataType: "json",
        url: url,
        // CREATE GENERIC SOLUTION for the spinner
        beforeSend: function(xhr) {
            $('main').html('<div class="spinner"><div class="hori-verti-centering"><div class="bounce bounce1"></div><div class="bounce bounce2"></div><div class="bounce bounce3"></div></div></div>');
            setHeader(xhr);
        },
        success: function (data) {
            $.each(data, function(i) {
                $(htmlElement).append("<option id=" + data[i].id + " value=" + data[i].apiParameter + ">" + data[i].apiParameter + "</option>");
            });
        }
    });
    return {};
}

我正在尝试设置apiParamter，以便当您调用函数setOptionSettings时，您可以放置​​需要调用的参数的名称。所以在本例中参数是name。我怎样才能将它插入到函数中以便它起作用？

我尝试了以下和其他解决方案，但没有任何效果，有什么建议吗？

$(htmlElement).append("<option id=" + data[i].id + " value=" + data[i]. + apiParameter + ">" + data[i]. + apiParameter + "</option>");

Answer 1

要使用字符串键访问对象属性，请使用 Bracket notation即data[i][apiParameter]

当您使用 jQuery 创建元素时，使用它。

$(htmlElement).append($('<option></option>', {
    "id": data[i].id,
    "value": data[i][apiParameter]
}));