javascript - 从文本文件加载 json

Question

我有以下硬编码的 json，

var dataLocality = [
    { "label": "Arwen" },
    { "label": "Bilbo Baggins" },
    { "label": "Boromir" },
    { "label": "Frodo Baggins" },
    { "label": "Peregrin Pippin Took" },
    { "label": "Samwise Gamgee" }
];

我使用以下脚本填充自动完成文本框，

$(function () {
    $("#locality").autocomplete(
    {
        source: dataLocality
    })
});

我现在有一个文本文件，它通过我的名为 dataLocality.text 的应用程序动态更新，我可以使用此代码在警告框中加载和查看它，

function codeAddress() {
    jQuery.get('http://localhost/project/jSonDocs/dataWhat.txt', function (data) {
        var dataLocality = data;
        alert(dataLocality);
    });
}
window.onload = codeAddress;

但我似乎不知道如何从 var dataLocality 获取数据到 source: dataLocality

我的文本文档中的数据如下所示，

[
    { "label": "Arwen" },
    { "label": "Bilbo Baggins" },
    { "label": "Boromir" },
    { "label": "Frodo Baggins" },
    { "label": "Peregrin Pippin Took" },
    { "label": "Samwise Gamgee" }
];

Answer 1

假设您正在使用 jQueryUI 自动完成方法，您可以将 JSON 的 URL 提供给 source 方法，它会自动为您检索它。试试这个:

$("#locality").autocomplete({
    source: 'http://localhost/project/jSonDocs/dataWhat.txt'
});

如果您仍然喜欢手动检索 JSON(例如，如果您需要在初始化后更改源)，那么您可以这样实现:

function codeAddress() {
    jQuery.get('http://localhost/project/jSonDocs/dataWhat.txt', function (data) {
        $('#locality').autocomplete('option', 'source', data);
    });
}