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) //请求失败的回调
})