Browser(瀏覽器) cdn方式引入qs庫的使用方法

Browser cdn方式引入qs庫使用css

普通html頁面使用axios post提價數據須要處理提交的數據,通常用到qs庫
今天恰好用到,記錄下來
  <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>html

  <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>ios

<html>
    <body>
        <div>
            
        </div>
        <script>
            
            // 通常引入qs庫都賦值爲qs,不過瀏覽器全局引入的是 window.Qs對象,
            // 因此直接用 qs.stringify() 會報 qs undefined
            var qs = Qs 
            // 配置post的請求頭
            axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
            // qs.stringify() 這裏能夠作一下封裝
            axios.post('url', qs.stringify({
                id: 1,
                name: 'zhangsan'
            })).then(function(res) {
                // 返回 Promise對象數據
            })
        </script>
    </body>
</html>axios

相關文章
相關標籤/搜索