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