ajax--XML、AJAX简介、express框架使用、AJAX操作的基本步骤

AJAX是Asynchronous JavaScript and XML的缩写，它是一种在无需刷新整个页面的情况下，更新网页部分内容的技术。

1. 使用原生JavaScript实现AJAX

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

2. 使用JQuery实现AJAX

$.ajax({
  url: "https://api.example.com/data",
  type: "GET",
  dataType: "json",
  success: function (data) {
    console.log(data);
  },
  error: function (xhr, status, error) {
    console.log("An error occurred: " + status + "\nError: " + error);
  },
});

3. 使用fetch API实现AJAX

fetch("https://api.example.com/data")
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.log("Error: " + error));

4. 使用axios库实现AJAX

axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log("Error: " + error);
  });

5. 使用Express框架创建一个简单的RESTful API

const express = require('express');
const app = express();
 
app.get('/data', (req, res) => {
  res.send('Hello World!');
});
 
app.listen(3000, () => {
  console.log('Server running on port 3000');
});

以上代码展示了如何使用JavaScript的原生XMLHttpRequest对象、JQuery的$.ajax方法、原生的fetch API、axios库以及Express框架来创建一个简单的RESTful API。这些都是AJAX操作的基本步骤。