天天看點

React網絡請求fetch之post請求

本節介紹下React下fetch的post請求

(1)編寫服務端代碼

  之後啟動伺服器,監聽post請求資料

  

(2)編寫元件模闆代碼

React網絡請求fetch之post請求

   然後編寫fetch請求,如下所示

React網絡請求fetch之post請求

   完整代碼如下所示

  此時測試如下

React網絡請求fetch之post請求

   服務端輸出如下所示

React網絡請求fetch之post請求

   此時便可以通過fetch發送post請求,完成互動

 

(3)解決跨域

  此時雖然可以正常擷取,但是存在跨域問題,是以加下來編寫背景代碼,解決跨域問題

React網絡請求fetch之post請求

   此時便可以解決跨域,接下來在前端做出對應處理即可  

React網絡請求fetch之post請求

   完整代碼如下: