js post x-www-form-urlencoded、form-url数据，Nodejs获取x-www-form-urlencoded数据

最新推荐文章于 2023-12-25 18:02:31 发布

iteye_13003

最新推荐文章于 2023-12-25 18:02:31 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js nodejs 文章标签：乔乐共享众观千象每天进步一点点学习永无止境 urlencoded

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82649923

js 同时被 2 个专栏收录

123 篇文章

订阅专栏

nodejs

22 篇文章

订阅专栏

本文介绍了如何使用JavaScript发起POST请求，并通过FormData设置请求头。此外，还详细讲解了如何利用Node.js和body-parser中间件解析这些POST请求数据。

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

1、post数据结构：

Form Data：

type:post
name:post发送url参数

2、js代码实现

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

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(urlParams(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 urlencodedParser = bodyParser.urlencoded({ extended: false });
app.post('/urlPost', urlencodedParser, function(req, res) {
  res.header('Access-Control-Allow-Origin', '*');

  console.log('get application/x-www-form-urlencoded Params: ', req.body);

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