【前后端交互】Ajax + HTTP

Ajax（Asynchronous JavaScript and XML）通常用于前端与后端进行数据交换，而HTTP（Hypertext Transfer Protocol）是它们交换数据的一种方式。以下是使用Ajax与后端通过HTTP交换数据的示例代码：

前端JavaScript代码（使用jQuery库）:

$.ajax({
    url: 'http://your-backend-endpoint.com/data', // 后端API地址
    type: 'GET', // 请求类型，可以是GET, POST, PUT, DELETE等
    dataType: 'json', // 期望从后端接收的数据类型
    success: function(response) {
        // 请求成功时的回调函数
        console.log('Data received:', response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.error('An error occurred:', error);
    }
});

后端示例代码（使用Node.js和Express框架）:

const express = require('express');
const app = express();
const port = 3000;
 
app.get('/data', (req, res) => {
    const responseData = { /* 构建你想要发送的数据 */ };
    res.json(responseData); // 使用res.json()发送JSON响应
});
 
app.listen(port, () => {
  console.log(`Server listening at http://localhost:${port}`);
});

这个例子中，前端使用Ajax向后端发送请求，并指定了请求的URL、类型、以及成功和失败时的回调函数。后端使用Express框架设置了一个路由处理前端的请求，并返回JSON格式的响应数据。