js post json、object、application/json数据，Nodejs获取json数据

最新推荐文章于 2023-05-07 22:52:17 发布

原创最新推荐文章于 2023-05-07 22:52:17 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #众观千象 #每天进步一点点 #学习永无止境 #json

js 同时被 2 个专栏收录

123 篇文章

订阅专栏

nodejs

22 篇文章

订阅专栏

本文介绍如何使用JavaScript发起POST请求并发送JSON格式的数据，同时展示了如何在Node.js后端接收并解析这些数据。

1、post数据结构：

data: {
        type: 'post',
        name: 'post发送json参数'
      }

2、js代码实现

var xhr = new XMLHttpRequest();
xhr.open('post', 'http://localhost:3000/post', true);

xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(data));

xhr.onload = function () {
  if (xhr.status === 200) {
    var text = xhr.responseText;
    if (success) success(JSON.parse(text));
  } else {
    if (error) error(xhr);
  }
};

3、后端获取数据（Nodejs）

var express = require('express');
var app = express();
var bodyParser = require('body-parser');

var jsonParser = bodyParser.json();
app.post('/jsonPost', jsonParser, function(req, res) {
  res.header('Access-Control-Allow-Origin', '*');

  console.log('get application/json Params: ', req.body);

  res.json({result: 'success', data: req.body});
});