【AJAX】axios发送请求

最新推荐文章于 2024-07-10 21:48:22 发布

热爱前端，学习前端

最新推荐文章于 2024-07-10 21:48:22 发布

阅读量733

点赞数

分类专栏： AJAX 文章标签： ajax okhttp 前端

本文链接：https://blog.csdn.net/weixin_61972561/article/details/131553113

版权

AJAX 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

文章展示了如何在JavaScript中引入axios库进行HTTP请求。通过设置baseURL，配置GET和POST请求的参数及headers，然后使用.then()处理响应数据。GET请求的参数附加在URL上，而POST请求的数据则位于请求体中。

摘要由CSDN通过智能技术生成

引入axios

    <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>

以下是axios的GET请求格式：

<script>
    // 1、配置 baseURL
    axios.defaults.baseURL = 'http://127.0.0.1:8000';
    // 2、get请求格式
    axios.get(
        // 完整的请求路径等于baseURL+url以下路径
        '/server',
        {
            // GET请求参数:params
            params: {
                id: 100,
                name: 'cuyg',
            },
            // 请求头信息
            headers: {
                name: 'CUYG',
                age: '23'
            }
        }).then(value => {
            console.log(value);
        })
</script>

以下是axios的POST请求格式：

<script>
    // 1、配置 baseURL
    axios.defaults.baseURL = 'http://127.0.0.1:8000';
    // 2、get请求格式
    axios.post(
        // 完整的请求路径等于baseURL+url以下路径
        '/server',
        // POST请求参数与url同级
        {
            username: 'admin',
            password: 'admin'
        },
        {
            // 请求头信息
            headers: {
                name: 'CUYG',
                age: '23'
            }
        }).then(value => {
            console.log(value);
        })
</script>

注意：params中的键值对数据是拼接在url上,无论是post还是get请求。

axios