Question

我现在使用json_demo.text制作了一个文本，我正在尝试检索此文本文件的数据

{
    "name":"John",
    "age":31,
    "pets":[
        { "animal":"dog", "name":"Fido" },
        { "animal":"cat", "name":"Felix" },
        { "animal":"hamster", "name":"Lightning" }
    ]
}//**json_demo.txt**

Answer 1

您可以使用Ajax。示例：

$。ajax（{ 网址：“ ./ json_demo.txt”，异步：错误，成功：功能（数据）{
        }
    })

Answer 2

将文件重命名为.json，并将其放置在与项目相同的文件夹中。

现在使用相对路径作为URL发出Ajax请求文件。像./file.json。

$.ajax({
  url : './file.json',
  method : 'POST', 
  success : function(resp){
    data = JSON.parse(resp.data);
    console.log(data);
  }
});

Answer 3

首先将其存储在变量中。

var mydata = 
{
    "name":"John",
    "age":31,
    "pets":[
        { "animal":"dog", "name":"Fido" },
        { "animal":"cat", "name":"Felix" },
        { "animal":"hamster", "name":"Lightning" }
    ]
}//**json_demo.txt**

现在，您可以在JavaScript中使用变量mydata访问它：

alert('I love' + mydata.pets.animal);

使用AJAX：

<script type="text/javascript">
    $.ajax({
        type : 'GET',
        dataType : 'json',
        async: false,
        url: 'json_demo.text', /*file location*/
        success : function(data) {
            console.log(data); 
            /*Do something with data*/
        } 
    });
</script>

Answer 4

尝试一下

     fetch(url)
      .then((resp) => resp.text()) // you can use resp.json() for json
      .then(function(data) {
         // data handling
        })
      })
     .catch(function(error) {
    // If there is any error you will catch them here
  });

如何使用json

4 个答案: