jsonをエクスプレスサーバーでjqueryを使用して投稿する

Question

サーバーを表現するjsonオブジェクトを投稿したいと考えています。

はJavascriptを

var task = { 
    task: "Do something", 
    deadline: "5 am" 
}; 

$.post("http://localhost:3000/api/tasks", task, (data) => { 
    console.log(data); 
}, "json") 

のNode.js/Expressの私はポストマンを使用してサーバーをテストするとき、私は期待される出力を得る

var bp = require('body-parser') 

app.use(bp.json()); 

app.post('/api/tasks', (req, res) => { 
    console.log(req.body); 
    res.json(req.body); 
}) 

は、すなわち、それはでtaskオブジェクトを表示しますコンソールに送信し、クライアントにも送信します。

上記のJavaScriptコードを実行すると、空のオブジェクトがコンソールに表示され、空のオブジェクトが返されます。 jquery ajaxコールで何が欠けていますか？

Answer 1

リクエストにapplication/jsonヘッダーを追加してみてください。

$.ajax({ url: 'URL', 
type: 'POST', 
contentType: 'application/json', 
data: JSON.stringify(DATA), 
success: function(res) { 
console.log(res) 
} 
})