jQuery 中发送请求的方法总结

最新推荐文章于 2023-07-21 08:52:25 发布

汐

最新推荐文章于 2023-07-21 08:52:25 发布

阅读量4.6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_41104279/article/details/89915218

博客主要总结了 jQuery 中的请求方法，这些方法在前端开发中用于与服务器进行数据交互等操作，能帮助开发者更高效地实现页面动态效果和数据更新等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 jq 中如何发送请求的
      $("#box").click(function () {

$.ajax({
url: 'http://musicapi.leanapp.cn/artist/list',
type: 'get',
data: {
'cat': 1001,
'offset': page * 30
},
dataType: 'JSON',
success: function (data) {
console.log(data)
}
})
})

方式二 快捷写法
$("#box").click(function(){
// 参一 请求地址+请求采参数 参二相应处理函数；
$.get('http://musicapi.leanapp.cn/artist/list?cat=1001&offset=0',function(data,status){
// 相应函数的 参一：响应数据 参二 响应状态 success error 等
console.log(data)
console.log(status) // success error 
})
})

$('#box').click(function () {
var url = 'http://musicapi.leanapp.cn/artist/list'
var data = {
'cat': 1001,
'offset': page * 30
}

参一：请求地址 参二请求参数 参三：响应处理函数
$.post(url, data, function (data,status) {
data 响应数据 status 响应状态
console.log(data)
})
与上面的写法一直
$.post('http://musicapi.leanapp.cn/artist/list', {
'cat': 1001,
'offset': page * 30
}, function () {

})
})

方式三：
$.ajax('http://musicapi.leanapp.cn/artist/list').done(function(data){
console.log(data)
})