フェッチ：サーバーにパラメーターを渡すことができます

Question

データベースからデータを照会する高速サーバーからデータを取得するために基本フェッチを使用しています。だから私はログインシステムをしたい、私はフェッチ要求と入力フィールドからユーザー/パスワードを送信したい。だから私はパスワードがサーバー内のデータと一致するかどうかを確認する論理チェックを実行することができます。結果に応じて対応します。 パラメータを渡すことができるフェッチを実行できますか？もちろん

let fetchData = { 
    method: "post", 
    headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json' 
    }, 

    body: JSON.stringify({ 
    username: this.state.user, 
    password: this.state.password 
    }) 
} 

var fromServer = fetch('http://localhost:3000/', fetchData) 
.then(function(response){ 
    if(!response.ok){ 
    throw Error (response.statusText); 
    } 
    return response.json(); 
}) 
.then(function(response) { 
    console.log(response); 
}) 
.catch(error => console.log("there was an error --> " + error)); 

Expressの機能

app.post('/', function(req, res){ 
    var uname = req.body.username; 
    var pw = req.body.password; 
    console.log(uname); 
    console.log(pw); 
}); 

Answer 1

次のことができます。以下に、コードを更新

！私はより多くの詳細については、これをチェック、前にこの質問に答えました

fetch("http://example.com/api/endpoint/", { 
    method: "post", 
    headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json' 
    }, 

    //make sure to serialize your JSON body 
    body: JSON.stringify({ 
    name: myName, 
    password: myPassword 
    }) 
}) 
.then((response) => { 
    //do something awesome that makes the world a better place 
}); 

：

POST Request with Fetch API?

で要求を処理するためにここで

は、POSTリクエストを使用して取得する例です。 Expressは、あなたの高速サーバーが本体の要求を解析するためにセットアップされていると仮定して、あなたのコメントで述べたように、これを行うことができます：

app.post('/your/route', function(req, res) { 
    var name= req.body.name; 
    var password = req.body.password; 

    // ...do your bidding with this data 
});