黄色电影一区二区,韩国少妇自慰A片免费看,精品人妻少妇一级毛片免费蜜桃AV按摩师 ,超碰 香蕉

如何通過axios發(fā)起Ajax請求(最新推薦)
目錄

axios  

什么是axios

axios是專注于網(wǎng)絡(luò)數(shù)據(jù)請求的庫，相比于原生的xmlhttprequest對象，axios簡單易用。相比于jquery，axios更加輕量化，只專注于網(wǎng)絡(luò)數(shù)據(jù)請求。

axios發(fā)起get請求

axios發(fā)起get請求的語法：

在這里插入圖片描述


代碼

<body>
    <button id="btn1">發(fā)起get請求</button>
    <script>
        document.queryselector('#btn1').addeventlistener('click', function () {
            let url = 'http://www.liulongbin.top:3006/api/get';
            axios.get(url, { params: { name: 'xiaoxie', age: '20' } }).then(function (res) {
                console.log(res.data);
            })
        })
    </script>
</body>

在這里插入圖片描述

axios發(fā)起post請求

axios發(fā)起post請求的語法

在這里插入圖片描述

 <button id="btn2">發(fā)起post請求</button>
  document.queryselector('#btn2').addeventlistener('click', function () {
            let url = 'http://www.liulongbin.top:3006/api/post';
            axios.post(url, { name: 'xiaoxie', age: '20' }).then(function (res) {
                console.log(res.data);
            })
        })

在這里插入圖片描述

直接使用axios發(fā)起get請求

axios也提供了類似于jquery中$.ajax()的函數(shù)，語法如下：

在這里插入圖片描述

<body>
    <button id="btn3">發(fā)起ajax請求</button>
    <script>
        document.getelementbyid('btn3').addeventlistener('click', function () {
            let url = 'http://www.liulongbin.top:3006/api/get';
            let paramsdata = {
                name: 'xiaoxie',
                age: 20
            }
            axios({
                method: 'get',
                url: url,
                params: paramsdata,
            }).then(
                function (res) {
                    console.log(res.data);
                }
            )
        })
    </script>
</body>

在這里插入圖片描述

直接使用axios發(fā)起post請求

<body>
    <button id="btn4">發(fā)起ajax post請求</button>
        document.getelementbyid('btn4').addeventlistener('click', function () {
            let url = 'http://www.liulongbin.top:3006/api/post';
            let paramsdata = {
                name: 'xiaoxie',
                age: 20
            }
            axios({
                method: 'post',
                url: url,
                data: paramsdata,
            }).then(
                function (res) {
                    console.log(res.data);
                }
            )
        })
    </script>
</body>

在這里插入圖片描述

到此這篇關(guān)于如何通過axios發(fā)起ajax請求的文章就介紹到這了,更多相關(guān)axios發(fā)起ajax請求內(nèi)容請搜索碩編程以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持碩編程！

相關(guān)文章