我的前端代码:
console.log('In front end ', UserDetails.fname);
$.ajax({
type: 'POST',
data: UserDetails.fname,
url: 'http://localhost:3000',
success: function(data){
console.log('Success!!');
},
error: function(error){
console.log('Error!!');
}
})
在第一个控制台行中,UserDetails.fname
正确打印。但是当我将其发送到后端时,后端会将其显示为undefined
。
我的后端代码
var express = require('express');
var mysql = require('mysql');
var bodyParser = require('body-parser');
var userId = 1;
var conn = mysql.createConnection({
host: 'localhost',
user: 'root',
password: '',
database: 'facebook'
});
conn.connect(function(err){
if(!err){
console.log('Database connection success...');
} else {
console.log('Failed to connect to database...')
}
});
var app = express();
// Add headers
app.use(function (req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
res.setHeader('Access-Control-Allow-Credentials', true);
next();
});
app.use(bodyParser.json({ type: 'application/*+json' }));
app.use(bodyParser.raw({ type: 'application/vnd.custom-type' }));
app.use(bodyParser.text({ type: 'text/html' }));
app.post("/", function(req, res){
console.log(req.headers);
console.log('body: ' + JSON.stringify(req.body));
res.send(req.body);
});
app.listen(3000);
我已更新了我的代码。但我仍然有同样的问题。
答案 0 :(得分:1)
确保将
body-parser
代码放在所有路线上方
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
答案 1 :(得分:0)