21xrx.com
2025-03-23 11:31:57 Sunday
文章检索 我的文章 写文章
JavaScript中通过AJAX查询JSON数据
2023-06-15 17:33:40 深夜i     --     --
JavaScript AJAX JSON数据

JavaScript作为一门前端语言,能够通过AJAX技术实现与服务器的交互,其中一种常用场景是通过AJAX查询JSON数据。查询JSON数据经常在Web应用中使用,本文将介绍如何用JavaScript通过AJAX查询JSON数据。

示例代码:

//创建 AJAX 对象
var xhr = new XMLHttpRequest();
//设置请求的方法和 URL
xhr.open('GET', 'example.json', true);
//设置响应的类型
xhr.responseType = 'json';
//设置响应的回调函数
xhr.onload = function() {
 if (xhr.status === 200) {
  var jsonData = xhr.response; //获取响应数据
  console.log(jsonData);
 }
};
//发送请求
xhr.send();

通过上面的代码,我们可以看到JavaScript中如何通过AJAX技术发送请求查询JSON数据。

  
  

评论区