Ajax-XMLHttpRequest/JQuery/Axios/Fetch请求,以及JSONP/CORS跨域请求
XMLHttpRequest
GET
1 | btn.onclick = function(){ |
POST
1 | result.addEventListener("mouseover", function(){ |
取消请求
1 | btn.onclick = function () { |
重复请求,取消前面请求
1 | let xhr = null; |
JQuery
GET
1 | // $.get/post(url, [data], [callback], [type]) |
POST
1 | $.post("http://127.0.0.1:8000/jquery", {a: 100, b:200}, function(data){ |
通用
1 | $.ajax({ |
axios
GET
1 | axios.defaults.baseURL = "http://127.0.0.1:8000"; |
POST
1 | // axios.post(url[, data[, config]]) |
通用
1 | axios({ |
默认配置
1 | //默认配置 |
axios 创建实例对象
1 | import axios from "axios" |
拦截器
1 | // 请求拦截器 |
取消请求
1 | let cancelHandle = null; |
fetch
POST
1 | fetch("http://127.0.0.1:8000/fetch-server?vip=10", { |
跨域
JSONP
<script>
标签支持跨域请求
1 | // html 文件 file://d/json-p.html |
1 | // 服务端 127.0.0.1:8000 |
JSONP跨域实践
1 | // 前端 |
1 | // 后端 |
JQuery发送JSONP请求
1 | // 前端 |
1 | // 后端 |
CORS
1 | // 后端 |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 CrazyKong!
评论