使用URLSearchParams處理axios發送的數據

在使用axios這個ajax插件的時候,咱們有些時候會遇到一些問題,好比:數據格式不正確jquery

  以最簡單的例子爲基礎(這裏使用post方法):ios

  圖片描述

  在上面的例子中咱們直接調用axios的post方法,傳給後臺的參數爲json格式,這和jquery的ajax寫法至關相似!ajax

  可是,axios發送的數據格式和jquery ajax發送的默認數據格式卻不相同,接下來讓咱們來看一下不一樣之處:json

  1.axios的數據類型
圖片描述
  axios

  2.jquery ajax的數據類型
圖片描述
  segmentfault

  看到這裏,有的小夥伴就要說了,修改下ContentType不就行了,其實否則,即時是修改了ContentType,數據依然不正確:babel

  圖片描述
圖片描述

  經過度孃的各類檢索,終於找到了答案: 使用URLSearchParams來處理參數,URLSearchParams的兼容性並不高,因此使用的時候仍是要注意(能夠考慮使用babel來轉換)post

  具體的操做以下:學習

  圖片描述
圖片描述

  經過使用URLSearchParams的處理,咱們就能像jquery ajax發送的數據同樣了!!!ui

  題外:

  URLSearchParams具體是什麼,能處理哪些東西,而它的API又有哪些?我這裏貼點連接吧,你們能夠更好的學習和理解~~~~

  https://developer.mozilla.org...

  https://segmentfault.com/a/11...

相關文章
相關標籤/搜索