admin 管理员组

文章数量: 1086019


2024年4月13日发(作者:应用商店网站源码)

怎么用node实现前后端交互

前后端交互主要通过HTTP协议进行。以下是一个简单的示例,展示了如何

创建一个服务器,接收来自前端的请求,并返回数据。

首先,确保你已经安装了。

接下来,创建一个新的文件,比如,然后在该文件中输入以下代码:

javascriptconst

http =

require

(

'http'

);

const

fs =

require

(

'fs'

);

const

server = http.

createServer

(

(req, res) =>

{

// 当请求类型为GET时,我们在响应中发送HTML文件

if

(req.

method

===

'GET'

) {

fs.

readFile

(

''

,

'utf8'

,

(err, data) =>

{

if

(err) {

console

.

error

(err);

res.

end

(

'Error'

);

return

;

}

res.

writeHead

(

200

, {

'Content-Type'

:

'text/html'

});

res.

end

(data);

});

}

// 当请求类型为POST时,我们在响应中接收JSON数据

if

(req.

method

===

'POST'

) {

let

body =

''

;

req.

on

(

'data'

,

chunk =>

{

body += chunk.

toString

();

// 将请求的数据块转换为字符串,并添加

到body上

});

req.

on

(

'end'

,

() =>

{

console

.

log

(body);

// 在控制台打印接收到的JSON数据

JSON

res.

writeHead

(

200

, {

'Content-Type'

:

'application/json'

});

res.

end

(

JSON

.

stringify

({

success

:

true

}));

// 返回一个成功的

响应

});

}

});

server.

listen

(

3000

,

() =>

{

console

.

log

(

'Server is listening on port 3000'

);

});

这段代码创建了一个HTTP服务器,监听3000端口。当接收到GET请求时,它

会从文件中返回HTML内容。当接收到POST请求时,它会接收请

求的主体作为JSON字符串,并在控制台打印该JSON数据,然后返回一个成功

的JSON响应。

请注意,你需要有一个名为的HTML文件,以便服务器可以发送。

你可以根据你的需求创建这个文件。

最后,通过终端运行以下命令启动服务器:

sh

node

现在,你的服务器已经运行在本地机器的3000端口。你可以通过浏览

器访问localhost:3000来查看你的HTML页面,并通过各种前端框架(如React、

Angular、Vue等)发送POST请求来进行交互。


本文标签: 请求 接收 服务器