req.body解析post数据出错的问题

在用ajax向后台发送数据的时候出现了解析出错的情况,环境为nodejs+express4.x

app.html

<script type="text/javascript">
var userdata={
        username:"root",
        password:"root",
      };
      var userJSON=JSON.stringify({data:userdata});
      console.log(userJSON);
      $.ajax({
        url:"/submit",
        type:"post",
        data:userJSON,
        datatype:"json",
        success: function(data){
          data=JSON.parse(data);
          var html = template('test',data); 
          $("#tableshow").html(html);
        },
        error: function(data){
          console.log("error"+data.message);
        }
      });
</script>

app.js

var bodyParser  = require('body-parser');
...
app.use(bodyParser.json());
...
app.post('/submit',function(req,res,next){
    console.log(req.body);
    res.status(200);
});
//打印req.body如下
//{ '{"data":{"username":"root","password":"root"}}': '' }
//正确的应该为
//{ data: { username: 'gang', password: 'root' } }

ERROR,req.body把传过来的字符串解析为了键值对数据,但是Express4.x自带的模块body-parser应该能够正确解析json,这是为什么呢?查阅很多资料,明白了。

因为在$.ajax函数里面还有一个contentType属性,用来设置传输数据的类型,不设置的时候它默认为”application/x-www-form-urlencoded”,所以body-parser识别不了,所以在ajax里添上一句contentType:’application/json’(别忘了逗号),问题解决。

$.ajax({
        url:"/submit",
        type:"post",
        data:userJSON,
        contentType:'application/json',
        datatype:"json",
        success: function(data){
          data=JSON.parse(data);
          var html = template('test',data); 
          $("#tableshow").html(html);
        },
        error: function(data){
          console.log("error"+data.message);
        }
      });

以上。

document.addEventListener('DOMContentLoaded', function() { const form = document.getElementById('registration-form'); form.addEventListener('submit', function (event) { event.preventDefault(); // 阻止表单提交 const name = document.getElementById('name').value; const password = document.getElementById('password').value; const email = document.getElementById('email').value; console.log('注册信息:'); console.log('用户名:', name); console.log('密码:', password); console.log('邮箱:', email); }); }); const express = require('express'); const bodyParser = require('body-parser'); const mssql = require('mssql'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); // 创建与数据库的连接 const connection = mssql.createConnection({ server: '192.168.10.223', user: 'sa', password: 'Servo01', database: 'demo' }); // 连接数据库 connection.connect(function (err) { if (err) { console.error('Error connecting to database:', err); return; } console.log('Connected to database!'); }); // 处理注册页面的 POST 请求 app.post('/', function (req, res) { const name = req.body.name; const password = req.body.password; const email = req.body.email; console.log('注册信息:'); console.log('用户名:', name); console.log('密码:', password); console.log('邮箱:', email); // 将数据保存到数据库 const query = `INSERT INTO username (name, password, email) VALUES ('${name}','${password}','${email}')`; const request = new mssql.Request(); connection.query(query, function (err, res) { if (err) { console.error('Error saving data to database:', err); return; } console.log('数据已保存到数据库!'); }); res.send('注册成功!'); }); app.listen(3000, function () { console.log('Server is running on port 3000'); });为啥username数据没有注册页面的数据
07-14
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值