AJAX请求示例

KKLIMG

于 2023-06-23 08:35:29 发布

阅读量183

点赞数 1

分类专栏：前端文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/weixin_45505615/article/details/131347259

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

AJAX请求示例：

使用原生JavaScript：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

使用Fetch函数：

fetch('https://api.example.com/data')
  .then(function (response) {
    return response.json();
  })
  .then(function (data) {
    console.log(data);
  })
  .catch(function (error) {
    console.log(error);
  });

使用jQuery：

$.ajax({
  url: 'https://api.example.com/data',
  method: 'GET',
  success: function (data) {
    console.log(data);
  },
  error: function (error) {
    console.log(error);
  }
});

使用Axios：

axios.get('https://api.example.com/data')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });