在上一篇稍微讲解了一下 认识 jQuery 的基本使用与安装教学,现在来简易说明如何透过 jQuery 的 Ajax 与 API 进行资料互动。jQuery 将所谓的 XMLHttpRequest 封装成 Ajax 并帮忙简化了许多写法,方便使用也快速上手,与 Axios 颇为类似
$.ajax({
url: "<API URL>",
type: "GET | POST",
timeout: 15000,
data: { name: 'Hello' },
contentType: "application/json; charset=utf-8",
}).done(function (res) {
console.log(res)
}).fail(function (err) {
console.log(err)
})
url: 你请求的 API 网址
type: GET | POST
timeout: 多久後端没有回应时跑向 fail
data: 通常就直接给 json
done: 成功时返回(res: 从服务器返回的资料)
fail: 错误时返回
contentType: 资料给後端的内容格式
根据 jQuery 官方文件说明,在 jQuery 3.0 後的 success 改为 done、error 改为 fail、complete 改为 always
通常只会用到这几个参数,其余基本上除非你有特殊需求,否则这样其实就很够用了,可以参考 jQuery Ajax 官方文件 查看更多 Method 用法
当然 Ajax 也可以塞 header
headers: {
'Authorization':'Basic xxxxxxxxxxxxx',
'X-CSRF-TOKEN':'xxxxxxxxxxxxxxxxxxxx',
'Content-Type':'application/json'
},
<<: Thunkable学习笔记 4 - 变数(Firebase EMail登入的延伸)
>>: 实施入侵检测系统以应对安全事件和基於生物识别的存取控制-纵深防御(Defense-in-depth)
延续上一篇的「穿心攻击」概念,其所应用的机器学习原理是所谓的「强化学习」(Reinforcement...
标题标签** <h1> - <h6> (一级标题 - 六级标题) 文字粗体...
GCP启用 点击此处开启免费试用。 申请免费试用,先填写个人资料,并且需填写信用卡号(会扣款1美金测...
人的科技文明发展始终来自於人性 在现今的科技发展之下,所有的技术日新月异、推陈出新,所有的科技不断的...
Powershell 的基础内容已经讲解的差不多了,从今天开始,我们将学习通过脚本来自动化执行批量操...