随笔分类 - 06Ajax异步请求知识、axios
摘要:为什么要模拟接口? 项目中后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行开发。为了方便前端代码自测,提高开发效率,可以模拟生成数据进行前后端数据联调。 json-server 在使用json-server时,只需要提供一个json文件,或者写几行
阅读全文
摘要:简介 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特点: 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应(比如:在请求前添加授权和响应前做一些事情) 转换请求
阅读全文
摘要:简介 fetch() 方法是一个 window的全局方法,用于发起获取资源的请求。它返回一个 promise,这个 promise 会在请求响应后被 resolve,并传回 Response 对象。 参数 传入两个参数: 1.请求地址或一个Request对象 2.一个配置项对象,包括所有对请求的设置
阅读全文
摘要:jQuery中发起 ajax 请求 参数:1.请求地址 2.参数 3.回调函数(参数为响应数据) //get请求参数拼接到url中 $.get("http//127.0.0.1:8000", { a: 100, b: 200 }, (res) => { console.log(res); }); /
阅读全文
摘要:重复请求的处理 发起一个新的请求之前先判断当前是否有相同的请求正在发送,如果有就取消掉。类似于防抖 //标识变量 let isSending = false; //是否正在发送AJAX请求 btns[e].onclick = function () { //判断标识变量 if (isSending)
阅读全文
摘要:在IE浏览器中如果XMLHttpRequest提交的URL与历史一样,则会使用缓存,根本不向服务器端提交。因此无法取到刚提交的数据或新的数据。 1、改进服务器端(1)后台是简单的.aspx文件,直接加上<%@ OutPutCache Location="None"%>即可。(2)但是如果后台是.as
阅读全文
摘要:GET请求和POST请求的区别: GET POST 后退/刷新 请求是无害的 会重新请求一次 传参 参数是连接在url后面的 参数是存放在请求体内的 参数长度 浏览器对url长度有限制 (不同浏览器长度限制不一样),对传参数量有限制,一般限制在 2~8K 之间 事实上get请求也能在requestb
阅读全文
摘要:简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。AJAX是一种用于创建快速动态网页的技术。通过AJAX可以在浏览器中向服务器发送异步请求,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行
阅读全文
摘要:简介 HTTP协议,即 超文本传输协议(Hypertext transfer protocol) 。是一种详细规定了浏览器和万维网(WWW =World Wide Web)服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。是浏览器和服务器之间进行“沟通"的一种规范,是基于TCP/IP
阅读全文
摘要:同源策略 同源策略/SOP(Same origin policy)是一种约定,是浏览器最核心也最基本的安全功能,现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略,浏览器很容易受到 XSS、 CSFR 等攻击。 同源是指"协议+域名+端口"三者相同,即便两个不同的域名指
阅读全文