ajax 的post方法 的content-type設置和express里應用body-parser

ajax的post方法相比get方法,在傳參形式上很不一樣, get把參數用'?'拼接在端口后,並且用'&'連接;而post則是需要在send參數里設置.

根據ajax實例xhr.setRequestHeader('content-type', )中第二個參數的不同,  send的參數也不相同.

最常用的有兩種: application/x-www-form-encoded 和 application/json兩種形式.  

1

       const username = document.getElementById('username').value,

       password = document.getElementById("password").value;

     var xhr = new XMLHttpRequest();
        xhr.open('POST','/test');
        // xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
        // xhr.send(`name=${username}&&password=${password}`);
        xhr.setRequestHeader('content-type', 'application/json');
        xhr.send(JSON.stringify({username, password}))

express本身只能用get方法,對用post方法的請求, 沒法查看request的啥. 所以用第三方插件body-parser;

const bodyParser = require('body-parser');
const app = express();
// var urlencodedParser = bodyParser.urlencoded({ extended: false });
// app.post('/test',urlencodedParser,(req,res)=>{
//     console.log(req.body)
// })

var jsonParser = bodyParser.json();
app.post('/test',jsonParser,(req,res)=>{
    console.log(req.body)
})