qs工具
QS工具
QS是一個第三方庫,我們可以用npm install qs --save來安裝。不過我們在項目中已經集成了,大家無需安裝:
這個工具的名字:QS,即Query String,請求參數字符串。
什么是請求參數字符串?例如: name=jack&age=21
QS工具可以便捷的實現 JS的Object與QueryString的轉換。
?
在我們的項目中,將QS注入到了Vue的原型對象中,我們可以通過this.$qs來獲取這個工具:
我們將this.$qs對象打印到控制臺:
created(){console.log(this.$qs); }發現其中有3個方法:
這里我們要使用的方法是stringify,它可以把Object轉為QueryString。
?
測試一下,使用瀏覽器工具,把qs對象保存為一個臨時變量temp1,然后調用stringify方法:
成功將person對象變成了 name=zhangsan&age=30的字符串了
解決問題
修改頁面,對參數處理后發送:
然后再次發起請求,發現請求成功:
總結