jquery版本的ajax请求

首先引入

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>

 

$ 和 jqurey是一个函数，调用函数会返回一个对象

 

jQuery封装的ajax-get请求

$函数中有get属性  加（）调用

$.get('http://192.168.213.77/5000/login?username=张三&password=123',

            function (date, state, xhr) {

                // 回调的三个参数：响应数据，响应状态。请求创建的对象   后面两个参数可省略

                console.log(date, state, xhr);

            })

 

$.get('http://192.168.213.77/5000/login',

            {

                username: '张三',

                password: 123

            },

            function (date) {

                // 回调的三个参数：响应数据，响应状态。请求创建的对象   后面两个参数可省略

                console.log(date);

            })

 

$.post('http://192.168.213.77/5000/register'), {

            username: '李四',

            password: 1234

        },

            date => console.log(date);

    }

 

    // jquery 粉装的自定义ajax请求

 

 

$.ajax({

            type: 'get',      // 请求方式  默认get

            url: 'http://open.douyucdn.cn/api/RoomApi/live',            //请求地址

            data: {                    //请求参数

                page=1

            },       

            success: date => console.log(data),              //请求成功的回调               结果是个对象

            error: error => console.log(error)               //请求失败的回调

        })