获得json数据-代码示例

温馨提示：这篇文章已超过245天没有更新，请注意相关的内容是否还可用！

获得JSON数据是网页开发中常见的操作之一。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输。在网页中，我们可以通过多种方式获得JSON数据，比如使用AJAX请求、使用fetch API等。

下面是一个使用AJAX请求获得JSON数据的示例代码：


var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var jsonData = JSON.parse(xhr.responseText);
    // 在这里可以对获得的JSON数据进行操作
    console.log(jsonData);
  }
};
xhr.send();

我们创建了一个XMLHttpRequest对象，用于发送AJAX请求。通过调用`open`方法，我们指定了请求的方法（GET）、请求的URL（data.json）以及是否异步（true）。

然后，我们通过`onreadystatechange`事件来监听请求的状态变化。当请求的状态变为4（表示请求已完成）且状态码为200（表示请求成功）时，我们可以通过`responseText`属性获得服务器返回的JSON数据。

接着，我们使用`JSON.parse`方法将获得的JSON字符串转换为JavaScript对象，以便我们可以对其进行操作。在这个示例中，我们简单地将JSON数据输出到控制台。

我们调用`send`方法发送请求。

通过以上代码，我们可以通过AJAX请求获得JSON数据，并在获得数据后进行进一步的处理。这样，我们就可以在网页中动态地展示和操作JSON数据了。

获得json数据-代码示例

相关阅读