使用URLSearchParams處理axios發送的數據
在使用axios這個ajax插件的時候,我們有些時候會遇到一些問題,比如:數據格式不正確
以最簡單的例子為基礎(這里使用post方法):
在上面的例子中我們直接調用axios的post方法,傳給后台的參數為json格式,這和jquery的ajax寫法相當類似!
但是,axios發送的數據格式和jquery ajax發送的默認數據格式卻不相同,接下來讓我們來看一下不同之處:
1.axios的數據類型
2.jquery ajax的數據類型
看到這里,有的小伙伴就要說了,修改下ContentType不就好了,其實不然,即時是修改了ContentType,數據依然不正確:
--------------------->
通過度娘的各種檢索,終於找到了答案: 使用URLSearchParams來處理參數,URLSearchParams的兼容性並不高,所以使用的時候還是要注意(可以考慮使用babel來轉換)
具體的操作如下:
----------------->
通過使用URLSearchParams的處理,我們就能像jquery ajax發送的數據一樣了!!!
題外:
URLSearchParams具體是什么,能處理哪些東西,而它的API又有哪些?我這里貼點鏈接吧,大家可以更好的學習和理解~~~~
https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams#Browser_compatibility
https://segmentfault.com/a/1190000005980048