フェッチを使用してJSONをドキュメントの本文に挿入する - Javascript

Question

JSONをfetch（）を使用してPOSTメソッドでエクスプレスアプリに送り返そうとしています。ここに私のコードは次のとおりです。

fetch('https://development.c9users.io/canadmin',{ 
       method:'POST', 
       body:JSON.stringify({ 
        csv: results 
       }) 

ここExpressの私のポスト方法である：

app.post("/canadmin", function(req,res){ 
var data = req.body.csv; 
console.log(data); 
// r.db('cansliming').table('daily').insert(r.json(data)).run(err,); 
res.redirect("canadmin"); 
}); 

私は正しく私のデータを取得していた場合ので、私はわからないよ、私はconsole.logを通じて未定義得ます。私はここで何が欠けていますか？フェッチ - 本体が正しくありませんか？それは私の推測ですが、私は正しい構文を理解できません。

// *********** EDIT-SOLUTION ************ //

私は、Javascriptのミートアップとアレックスという名前のナイスガイに行ってきました解決策が見つかりました。私はExpressの私のreq.bodyでそれを見ることができたこれを実行した後

fetch('/saveRecords',{ 
       headers: { 
         //This is the line we need for sending this data 
         'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' 
       }, 
       mode : 'no-cors', 
       method:'POST', 
       //This is the line we need actually send the JSON data 
       body: JSON.stringify(results) 
      }) //End fetch() 

：ヘッダは、我々はまた、モードを追加し、間違っていました！私はこれが誰かを助けることを望む。

Answer 1

通常、ストリームのようにreqから読む必要があります。このようなもの：

var body = ''; 
req.on('data', function (chunk) { 
    body += chunk; 
}); 

req.on('end', function() { 
    console.log(JSON.parse(body)); 
}); 

より良い解決策は、body-parser middlewareを使用することです。

Answer 2

ポストメソッドにボディパーサーミドルウェアを使用する方がよいでしょう。ボディ・パーサを含む（ES6形式）

：例の擬似コードのための

今

import bodyParser from 'body-parser'; 
const urlEncode = bodyParser.urlencoded({extended: false}); 

、このようなAPIのポスト要求にそれを使用します。

app.post('/something_url', urlEncode, (req, res) => { ...your code here...}); 

Answer 3

私も持っています同じ問題。フェッチを呼び出す。 私はそれが働いているかどうかわからないので、私は何も変更を取得していません

Answer 4

少し異なるソリューションが私のために働いた。ボディ・パーサdoes not handle multipart/form-data bodies

クライアント側fetch呼び出しが表現するためにデータを送信します。

fetch('api/users', { 
    headers: { 'Content-Type': 'application/json' }, // tells the server we have json 
    method:'PUT', // can be POST 
    body: JSON.stringify(results), // json is sent to the server as text 
}) 

サーバ側application/jsonためappリッスンを表現し、JSONに、それを解析します

const express = require('express') 
const app = express() 

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

bodyParserを設定した後I明示ミドルウェア機能を定義しました

app.put('/api/:collection', (req, res) => { 
    logger.log('put', req.body) 
    // ... 
}) 

req.bodyはjsonです。