Question

您好我正在尝试从文件中读取此列表

此

 this.testJson = {
            list:[ 
                {src:"x1.jpg",title:"x1",song:"x1.mp3"},
                {src:"x2.jpg",title:"x2",song:"x2.mp3"},
                {src:"x3.jpg",title:"x3",song:"x3.mp3"},
                {src:"x4.jpg",title:"x4",song:"x4.mp3"}
              ]
            }

到

this.testJson = {
        list:[ 
            // read x.txt or x.txt from a URL
          ]
        }

和x.txt包含

    {src:"x1.jpg",title:"x1",song:"x1.mp3"},
    {src:"x2.jpg",title:"x2",song:"x2.mp3"},
    {src:"x3.jpg",title:"x3",song:"x3.mp3"},
    {src:"x4.jpg",title:"x4",song:"x4.mp3"}

由于我没有任何java脚本经验，有人可以帮我这个吗？提前谢谢

Answer 1

您必须从Web服务器公开该文件，以便您的JavaScript可以对该文件发出http请求。

要从JavaScript加载资源，您必须制作XMLHttpRequest或更好地称为AJAX请求。

实际上这需要一些设置，因此使用库会更容易。我最喜欢的是axios。它有一个非常简单的API并处理响应解析，因此当您在网站上加载axios时，这可能是您可能遵循的方法：

axios.get('path-to-file').then(function(response){
    this.testJson.list = response.data
});

请注意，您的 x.txt 似乎不是有效的JSON。它必须是有效的，因此axios可以解析它。如果您决定自行解析文件，则必须使用JSON API。

从文本文件js中读取列表

1 个答案: