Node.js에서 AJAX 요청을 보내는 방법

AJAX 기술이 발전함에 따라 점점 더 많은 프런트엔드 애플리케이션이 상태를 업데이트하거나 새 데이터를 얻거나 일부 작업을 수행하기 위해 서버에 비동기 요청을 보내야 합니다. Node.js는 클라이언트가 보낸 AJAX 요청에 대한 응답으로 이러한 작업을 수행할 수 있도록 서버 측에서 JavaScript를 사용할 수 있게 해주는 전체 스택 프레임워크입니다. 이 기사에서는 Node.js에서 AJAX 요청을 보내는 방법을 살펴보겠습니다.

1. 종속성 설치

Node.js에는 HTTP 요청 및 응답을 위한 내장 http 모듈이 있습니다. AJAX 기술을 사용하려면 Node.js에서 http.request() 메서드를 사용해야 합니다. http 模块，用于 HTTP 请求和响应。为了使用 AJAX 技术，在 Node.js 中我们需要使用 http.request() 方法实现。

在开始之前，我们需要安装 http 模块。

可以通过以下命令进行安装：

npm install http --save

命令行中使用上述命令安装后，我们可以看到 http 相关的文件已经被下载到项目中。

二、使用 http.request() 发送 AJAX 请求

在 Node.js 中，我们可以使用 http.request() 方法来发送 AJAX 请求，该方法需要传递一个 options 对象，该对象设置了请求的一些参数，如请求 URL、请求方法、请求头。这里，我们使用 POST 方法作为例子。

const http = require('http');

const options = {
  hostname: 'localhost',
  port: 3000,
  path: '/api/add',
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  }
};

const req = http.request(options, res => {
  console.log(`statusCode: ${res.statusCode}`);

  res.on('data', d => {
    process.stdout.write(d)
  });
});

req.on('error', error => {
  console.error(error)
});

req.write('{"name": "John Doe"}');
req.end();

上述代码向 URL 为 localhost:3000/api/add 的服务器发送了一个 POST 请求，请求头中包含了 Content-Type，其值为 application/json，请求体为 JSON 数据 {"name": "John Doe"}。

三、使用第三方库发送 AJAX 请求

尽管 Node.js 内置了 http 模块，但是要在一些复杂的场景下发送 AJAX 请求非常麻烦。因此，为了方便，我们可以使用一些优秀的第三方库，如 axios、request 等。

其中，axios 可能是最受欢迎的一个库，它可以同时在浏览器端和 Node.js 中使用，提供了非常简洁的 API，可以让我们轻松地发送 AJAX 请求。

我们可以通过以下命令安装 axios：

npm install axios --save

在代码中使用 axios：

const axios = require('axios');

axios.post('http://localhost:3000/api/add', {
    name: 'John Doe'
})
.then(response => {
    console.log(response.data);
})
.catch(error => {
    console.log(error);
});

上述代码向 URL 为 http://localhost:3000/api/add 的服务器发送了一个 POST 请求，请求体为 JSON 数据 {"name": "John Doe"}。在成功之后，打印服务器返回的数据 response.data。

四、总结

本文介绍了在 Node.js 中使用 AJAX 技术向服务器发起异步请求的方法，包括使用 http 模块和第三方库 axios

위 내용은 Node.js에서 AJAX 요청을 보내는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!