javascript - 将动态字段名称传递给jquery的each方法

Question

我正在尝试将字段名称动态传递给我的函数，以便我的表单使用自动完成功能。然后，我在页面中调用此函数，但不断收到错误，我认为这是因为它试图从字面上获取列属性，而不是动态获取。

在 PHP 中我可以做类似 {$fieldName} 的事情。有等效的 JavaScript 吗？还是我错了？

// Call to function index.php
inputSuggetion('input.search', 'http://myapi.com/endpoint', 'title')


// Function
function inputSuggestion(element, endPoint, fieldName) {
    $(element).on("keydown", function(event) {
        $.ajax({
            type: 'GET',
            dataType: "json",
            data: {
                q: $(element).val()
            },
            url: endPoint,
            success: function(data) {
                var apiCollection = [];
                $.each(data, function(key, value) {
                    apiCollection.push(value.fieldName);
                });
                $(".autocomplete").autocomplete({
                    source: apiCollection
                });
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
            }
        });
    });
}

谢谢!

Answer 1

如果我是对的，那么您想从 Json 数据中获取字段“title”的值，并且该字段名称“title”将传递给动态地发挥作用。在这种情况下，您从 json 获取值的语法是错误的。

您只需更改以下代码行:

来自:

apiCollection.push(value.fieldName);

至:

apiCollection.push(value[fieldName]); 

如有任何问题，请告诉我。