nodejs前后端通信基础示例（express）

最新推荐文章于 2025-05-21 10:44:37 发布

万能菜道人

最新推荐文章于 2025-05-21 10:44:37 发布

阅读量368

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_37887537/article/details/120454218

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的前后端交互示例，后端通过安装body-parser中间件处理POST请求，并使用Express框架定义路由。前端则利用jQuery的ajax方法发送数据，演示了从前端向后端传递JSON格式的数据并接收响应的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端

1.安装body-parser

npm install body-parser

代码添加到Index.js:

var bodyParser = require("body-parser");
var adminApp = express()
adminApp.use(bodyParser.urlencoded({ extended: false }));

添加对请求的路由：

var router = express.Router();
router.post("/AAA", (req, res) => {
    res.end();
})

前端

1.前往jquery网站下载min.js文件。

2.注入到html：

<script src="jquery-3.6.0.min.js"></script>

3.js脚本使用：

  var data = {
    value: "123"
  }
  $.ajax({
    url: "AAA",
    type: "POST",
    async: false,
    data: JSON.stringify(data),
    contentType: "application/json; charset=utf-8",
  }).done(function (data, textStatus, xhr) {
    alert("suscess!");
  }).fail(function (xhr, textStatus, err) {
    alert(" failed!\n");
  }).always(function () {
    alert("always");
  });