ajax、fetch
关注
分享
扫一扫
kino2046
这个作者很懒，什么都没留下…
展开
-
axios(VUE主流)
axios库 http://www.axios-js.com/axios的使用方式第一种混入模式：document.querySelector(".btn1").onclick=function(){axios.get("/axios").then(res=>{console.log(res.data);...原创 2020-03-19 15:57:56 · 178 阅读 · 0 评论 -
fetch
Fetctfetch:系统基于promise封装的ajax方法 fatch().then().then()缺点：1、不能提供上传进度；2.兼容性问题基本用法get方法post方法fetch("/test").then(res=>{returnres.json();...原创 2020-03-19 15:57:36 · 108 阅读 · 0 评论 -
ajax-封装jsonp解决跨域（用axios或koa-server-http-proxy）
ajax问题浏览器同源策略同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源源：协议、域名和端口号跨域不受同源策略影响的资源的引入<scriptsrc="..."></script>，<img>，<link&...原创 2020-03-19 15:57:18 · 681 阅读 · 0 评论 -
ajax-CORS跨域设置 / axios后端代理 / KOA中间件代理
CORS跨域设置CORS(Cross-originresourcesharing)，跨域资源共享，是一份浏览器技术的规范，用来避开浏览器的同源策略简单来说就是解决跨域问题的除了jsonp外的另一种方法；比jsonp更加优雅。options是浏览器默认行为，表示的是非简单请求，会请求两次写在app use里可以成为公用，不用每个router都添加cors1.('Acc...原创 2020-03-19 15:56:51 · 877 阅读 · 0 评论 -
ajax简单封装
ajax同源非同源非同源：跨域http://www.kaikeba.com:443/news/id/1同源：协议（http,https）域名(www.kaikeba.com,localhost,127.0.0.1)端口:443一样同源；有一个不一样跨域ajax简单封装<!DOCTYPEhtml><htmllang="en">...原创 2020-03-19 15:55:27 · 217 阅读 · 0 评论 -
ajax前后端交互
ajax是：*Ajax*即“AsynchronousJavascriptAndXML”（异步JavaScript和XML）ajax的基本使用 （详见ajax案例） 1.新建XMLHttpRequest对象letxhr=newXMLHttpRequest() 2.配置请求参数x...原创 2020-03-19 15:54:41 · 214 阅读 · 0 评论