req.body trống trên bài viết

Đột nhiên, điều này đã xảy ra với tất cả các dự án của tôi.

Bất cứ khi nào tôi tạo một bài đăng trong nodejs bằng cách sử dụng express và body-Parser req.bodylà một đối tượng trống.

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

var app = express()

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded())

// parse application/json
app.use(bodyParser.json())

app.listen(2000);

app.post("/", function (req, res) {
  console.log(req.body) // populated!
  res.send(200, req.body);
});

Qua ajax và người đưa thư, nó luôn trống rỗng.

Tuy nhiên thông qua curl

$ curl -H "Content-Type: application/json" -d '{"username":"xyz","password":"xyz"}' http://localhost:2000/

nó hoạt động như dự định.

Tôi đã thử cài đặt thủ công Content-type : application/jsontrước đây nhưng sau đó tôi luôn nhận được400 bad request

Điều này đã khiến tôi phát điên.

Tôi nghĩ rằng đó là một cái gì đó được cập nhật trong trình phân tích cú pháp cơ thể nhưng tôi đã hạ cấp và nó không giúp được gì.

Bất kỳ trợ giúp đánh giá cao, cảm ơn.

Trong Postman của 3 tùy chọn có sẵn cho loại nội dung, chọn "X-www-form-urlencoding" và nó sẽ hoạt động.

Ngoài ra để loại bỏ thông báo lỗi thay thế:

app.use(bodyParser.urlencoded())

Với:

app.use(bodyParser.urlencoded({
  extended: true
}));

Xem https://github.com/expressjs/body-parser

Phần mềm trung gian 'trình phân tích cú pháp cơ thể' chỉ xử lý dữ liệu JSON và urlencode chứ không phải đa dữ liệu

Với Postman, để kiểm tra các hành động đăng bài HTTP với tải trọng dữ liệu JSON thô, chọn rawtùy chọn và đặt các tham số tiêu đề sau:

Content-Type: application/json

Ngoài ra, hãy đảm bảo bọc bất kỳ chuỗi nào được sử dụng làm khóa / giá trị trong tải trọng JSON của bạn trong dấu ngoặc kép.

Các body-parsergói phần mềm sẽ phân tích đa dòng trọng tải JSON liệu tốt.

{
    "foo": "bar"
}

Đã thử nghiệm trong Chrome v37 và v41 với tiện ích mở rộng Postman v0.8.4.13 ( body-parserv1.12.2 và expressv4.12.3) với thiết lập bên dưới:

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

// configure the app to use bodyParser()
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(bodyParser.json());

// ... Your routes and methods here

Tôi đã mắc một lỗi thực sự ngớ ngẩn và quên xác định namecác thuộc tính cho đầu vào trong tệp html của mình.

Vì vậy, thay vì

<input type="password" class="form-control" id="password">

Tôi có cái này

<input type="password" class="form-control" id="password" name="password">

Bây giờ request.bodyđược điền như thế này:{ password: 'hhiiii' }

Tôi phát hiện ra rằng nó hoạt động khi gửi với loại nội dung

"ứng dụng / json"

kết hợp với phía máy chủ

app.use(bodyParser.json());

Bây giờ tôi có thể gửi qua

var data = {name:"John"}
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("POST", theUrl, false); // false for synchronous request
xmlHttp.setRequestHeader("Content-type", "application/json");
xmlHttp.send(data);

và kết quả có sẵn request.body.nametrên máy chủ.

Tôi đã gặp phải vấn đề này ngày hôm nay và điều đã khắc phục là loại bỏ tiêu đề kiểu nội dung trong Postman! Rất lạ. Thêm nó ở đây trong trường hợp nó giúp ai đó.

Tôi đã theo dõi hướng dẫn của BeerLocker tại đây: http://scottksmith.com/blog/2014/05/29/beer-locker-building-a-restful-api-with-node-passport/

Bạn phải kiểm tra xem phần mềm trung gian phân tích cú pháp cơ thể có được đặt đúng với loại yêu cầu không (json, urlencoding).

Nếu bạn đã thiết lập,

app.use(bodyParser.json());

sau đó trong postman bạn phải gửi dữ liệu dưới dạng thô.

https://i.stack.imgur.com/k9IdQ.png ảnh chụp màn hình người đưa thư

Nếu bạn đã thiết lập,

app.use(bodyParser.urlencoded({
    extended: true
}));

sau đó nên chọn tùy chọn 'x-www-form-urlencoding'.

Vấn đề của tôi là tôi đã tạo ra tuyến đường đầu tiên

// ...
router.get('/post/data', myController.postHandler);
// ...

và đăng ký phần mềm trung gian sau tuyến đường

app.use(bodyParser.json());
//etc

do cấu trúc ứng dụng & sao chép và dán dự án với nhau từ các ví dụ.

Khi tôi đã sửa lỗi để đăng ký phần mềm trung gian trước tuyến đường, tất cả đều hoạt động.

Ngay cả khi tôi học node.js lần đầu tiên khi tôi bắt đầu học nó qua ứng dụng web, tôi đã có tất cả những điều này được thực hiện tốt trong biểu mẫu của mình, tôi vẫn không thể nhận được các giá trị trong yêu cầu bài đăng. Sau một thời gian dài gỡ lỗi, tôi biết rằng ở dạng tôi đã cung cấp enctype="multipart/form-data"do tôi không thể nhận được các giá trị. Tôi chỉ đơn giản là loại bỏ nó và nó làm việc cho tôi.

Có vẻ như nếu bạn không sử dụng bất kỳ encType (mặc định là application/x-www-form-urlencoded) thì bạn sẽ nhận được các trường nhập văn bản nhưng bạn sẽ không nhận được tệp.

Nếu bạn có một hình thức mà bạn muốn đăng nhập văn bản và tệp thì hãy sử dụng multipart/form-dataloại mã hóa và ngoài đó sử dụng multerphần mềm trung gian. Multer sẽ phân tích đối tượng yêu cầu và chuẩn bị req.filecho bạn và tất cả các trường đầu vào khác sẽ có sẵn thông qua req.body.

Một vấn đề tương tự đã xảy ra với tôi, tôi chỉ đơn giản là trộn thứ tự của các thông số gọi lại. Hãy chắc chắn rằng bạn đang thiết lập các chức năng gọi lại theo đúng thứ tự. Ít nhất là cho bất cứ ai có cùng một vấn đề.

router.post('/', function(req, res){});

Đảm bảo ["key": "type", "value": "json"] & ["key": "Content-Type", "value": "application / x-www-form-urlencoding"] tiêu đề yêu cầu người đưa thư

Tôi đã giải quyết điều này bằng cách sử dụng multernhư đề xuất ở trên, nhưng họ đã bỏ lỡ việc đưa ra một ví dụ hoạt động đầy đủ, về cách thực hiện việc này. Về cơ bản điều này có thể xảy ra khi bạn có một nhóm biểu mẫu với enctype="multipart/form-data". Đây là HTML cho mẫu tôi đã có:

<form action="/stats" enctype="multipart/form-data" method="post">
  <div class="form-group">
    <input type="file" class="form-control-file" name="uploaded_file">
    <input type="text" class="form-control" placeholder="Number of speakers" name="nspeakers">
    <input type="submit" value="Get me the stats!" class="btn btn-default">            
  </div>
</form>

Và đây là cách sử dụng multerđể lấy các giá trị và tên của biểu mẫu này với Express.jsvà node.js:

var multer  = require('multer')
var upload = multer({ dest: './public/data/uploads/' })
app.post('/stats', upload.single('uploaded_file'), function (req, res) {
   // req.file is the name of your file in the form above, here 'uploaded_file'
   // req.body will hold the text fields, if there were any 
   console.log(req.file, req.body)
});

Tôi đã có cùng một vấn đề một vài phút trước đây, tôi đã thử mọi cách có thể trong các câu trả lời ở trên nhưng bất kỳ câu hỏi nào cũng có hiệu quả.

Điều duy nhất tôi đã làm, là nâng cấp phiên bản Node JS, tôi không biết rằng việc nâng cấp có thể ảnh hưởng đến một cái gì đó, nhưng nó đã làm.

Tôi đã cài đặt phiên bản Node JS 10.15.0( phiên bản mới nhất), tôi đã quay lại 8.11.3và mọi thứ hiện đang hoạt động. Có lẽ body-parsermô-đun nên có một sửa chữa về điều này.

Tôi không có tên trong Đầu vào của mình ... yêu cầu của tôi trống rỗng ... rất vui vì điều đó đã kết thúc và tôi có thể tiếp tục viết mã. Cảm ơn mọi người!

Trả lời Tôi đã sử dụng bởi Jason Kim:

Vì vậy, thay vì

<input type="password" class="form-control" id="password">

Tôi có cái này

<input type="password" class="form-control" id="password" name="password">

bạn không nên làm JSON.stringify(data)trong khi gửi qua AJAX như bên dưới.

Đây không phải là mã chính xác:

function callAjax(url, data) {
    $.ajax({
        url: url,
        type: "POST",
        data: JSON.stringify(data),
        success: function(d) {
            alert("successs "+ JSON.stringify(d));
        }
    });
}   

Mã chính xác là:

function callAjax(url, data) {
    $.ajax({
        url: url,
        type: "POST",
        data: data,
        success: function(d) {
            alert("successs "+ JSON.stringify(d));
        }
    });
}

Nếu bạn đang làm với người đưa thư, vui lòng xác nhận những thứ này khi bạn yêu cầu API

Tôi đã sử dụng restify thay vì express và gặp vấn đề tương tự. Giải pháp là làm:

server.use(restify.bodyParser());

Tôi tin rằng điều này có thể giải quyết app.use(express.json());

Thay đổi app.use(bodyParser.urlencoded());mã của bạn thành

app.use(bodyParser.urlencoded({extended : false}));

và trong postman, trong Content-Typegiá trị thay đổi tiêu đề từ application/x-www-form-urlencodedđếnapplication/json

Ta :-)

Cảm ơn tất cả các câu trả lời tuyệt vời của bạn! Đã dành khá nhiều thời gian để tìm kiếm một giải pháp, và về phía tôi, tôi đã mắc một lỗi cơ bản: Tôi đã gọi bodyParser.json()từ trong hàm:

app.use(['/password'], async (req, res, next) => {
  bodyParser.json()
  /.../
  next()
})

Tôi chỉ cần làm app.use(['/password'], bodyParser.json())và nó đã làm việc ...

Trong người đưa thư, ngay cả sau khi làm theo câu trả lời được chấp nhận, tôi đã nhận được một cơ thể yêu cầu trống. Vấn đề hóa ra là không vượt qua một tiêu đề được gọi là

Content-Length : <calculated when request is sent>

Tiêu đề này được trình bày theo mặc định (cùng với 5 cái khác) mà tôi đã tắt. Cho phép điều này và bạn sẽ nhận được cơ thể yêu cầu.

Vấn đề của tôi là tạo ra tuyến đường trước tiên require("./routes/routes")(app); tôi đã chuyển nó đến cuối mã trước đó app.listen và nó đã hoạt động!