如何在服务器上将文本文件的内容放入我的Javascript代码中的数组中？

Question

现在我有一个带有嵌入式Javascript代码的网页，它定义了以下数组：

var words = [ "apple", "banana", "orange" ];

然后将数组输入网页的HTML部分中的某些输出。我想要做的是创建一个名为“words.txt”的文本文件，其中包含我可以拉入数组的内容，而不是在代码中硬编码数组的内容。 文本文件如下所示：

apple, banana, orange

我该怎么做？

Answer 1

最好将文件保存为js：

argc

如果使用某些服务器端语言（如PHP），则可以直接将文件内容读取到js变量：

[words.js]
var words = ['apple', 'banana', 'orange'];

[index.html]
<script src="words.js"></script>
<script>
    alert(words[0]);
</script>

Answer 2

使用AJAX从服务器读取文件。以下是使用jQuery的方法。如果你想使用普通的JS，你需要将它翻译成等效的代码。

var words = [];
$.get("words.txt", function(data) {
    words = data.split(', ');
    // update webpage with words
});