angular4項目后端接收不到http.post發(fā)送數(shù)據(jù)的問題

終于解決了跨域問題之后發(fā)現(xiàn)不管什么操作后臺返回過來的數(shù)據(jù)都是一樣的,谷歌查看數(shù)據(jù)已經(jīng)發(fā)送過去了,但是后臺沒有處理,為什么?

對比header之后發(fā)現(xiàn)angular的http.post發(fā)送的參數(shù)是json格式的,傳參方式是request payload,不是用的form傳輸,header中的content-type也不一樣,修改一下header,并把json格式轉(zhuǎn)化一下即可:

private headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8' });

let val=$.param(value);
this.http
.post(url,val,{headers:this.headers})
.map(res => res.json()).subscribe(data=>{
if (data) {
this.title=data.msg;
}
})

注意此處有坑,我寫上{headers:this.headers}之后提示錯誤,查了一下http的post請求,是可以帶參數(shù)的,為什么會報錯呢?看了一下報錯信息是:


1.png

是這句話出了錯:
private headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8' });
頭部引入:import { Http,Headers } from '@angular/http'; 即可

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容