在html页面上使用ajax传递json数据到基于express框架（node.js）的服务器

最新推荐文章于 2021-06-26 23:25:45 发布

原创

最新推荐文章于 2021-06-26 23:25:45 发布 · 8.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#express #javascript #node #ajax #json

这篇博客详细介绍了如何在HTML页面上利用Ajax的POST方法将JSON对象发送到基于Express框架的Node.js服务器。首先，它阐述了JSON在Web开发中的重要性和Node.js处理JSON的便利性。接着，它提供了前端ajax.html文件的示例代码，强调了将JSON对象转化为字符串的关键步骤。此外，还展示了后端ajaxjs.js文件的内容，解释了如何接收并处理请求的JSON数据。最后，博客提到了运行和测试这个例子的方法，并给出了相关参考资料。

关键词：json node express body-parser ajax与node post方法

简介

json格式简单命了，比XML更易解析，所以在web开发中前后端传送数据经常使用json格式。我们知道node是基于JavaScript的环境，而json是基于JavaScript对象的格式，所以在node中使用json格式甚至都不用进行数据格式的转换，这比java环境中方便快速。下面来讲解一下怎么在html页面上使用ajax传递json数据到基于express框架（node.js）的服务器中。

业务场景

从html页面使用ajax技术（post方法）传送一个json对象到express框架的服务器上。

代码分析

通过cmd命令行工具在系统根目录新建一个文件夹：

$ mkdir ajaxtest

在该文件夹下面建立两个文件：ajax.html，ajaxjs.js。
在cmd命令行工具打开文件夹，并且通过npm安装需要加载的node模块：

$ cd ajaxtest

$ npm install body-parser express fs

1.前端代码(ajax.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
</head>
<body>
<input type="button"

最低0.47元/天解锁文章