http請求頭中的Content-Type屬性在angular 和 node中的用法

詩&遠方發表於2014-08-04
HTTPAngular

post請求的請求體有以下兩種格式:

1. 字串: 'name=code_bunny&age=12'

    這種格式的請求體,需要配置請求頭 'Content-Type':'application/x-www-form-urlencoded'

2. json: {name:'code_bunny',age:12}

    這種格式的請求體,需要配置請求頭 'Content-Type':'application/json;charset=UTF-8'

注意: 請求體格式和請求頭的Content-Type型別必須保持一致,如果1的格式,設定Content-Type是application/json,或者2的格式,設定Content-Type是application/x-www-form-urlencoded,後臺接收到的請求提都會是空的.

 

在jquery的ajax中,預設都是第一種,雖然在寫請求體引數的時候,寫的是json格式,但是jquery內部已經對json做了轉換,最後還是以字串的格式進行傳送的.

所以,jquery的ajax,採用的是第一種方式提交請求體

 

但是在angular的$http中,預設是第二種,所以使用$http(config)提交請求體,config中的data項,必須是json格式的值.

如果需要提交的請求體是第一種格式,那麼就需要配置$http(config)中的headers中的Content-Type值為'application/x-www-form-urlencoded'

 

再來說說node後臺對這兩種請求格式的處理:

1. 首先是最新express版本4.7.2:

    4.7.2版本的express沒有了bodyParser方法,需要另外安裝body-parser模板:

    於是另外安裝了body-parser模板1.5.2版本

    使用程式碼如下:

    

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

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));

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

 

使用bodyParser.urlencoded(),使node後臺支援了第一種請求體.

使用bodyParser.json(),使node後臺支援了第二種請求體.

後定義的不會覆蓋先定義的... 也就是說,這段程式碼同時支援了這兩種請求體. 另外,雖然請求體的格式不同,但是經過node解析後,他們最終得到的都是json格式的物件.

(引數的作用目前不太清楚,看不懂英文...)

demo地址: https://github.com/OOP-Code-Bunny/angular/tree/master/OREILLY/18.4%20%24http(2) 

 

2. 舊版的express(舉例3.4.7)

使用 app.use(express.bodyParser())後,直接支援了這兩種格式.

demo地址: https://github.com/OOP-Code-Bunny/angular/tree/master/OREILLY/18.2%20%24http.post

 

相關文章