![](https://img-blog.csdnimg.cn/20210515092010646.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Ajax
文章平均质量分 59
关于Ajax
Continue丶
努力变得更好一点
展开
-
AJAX: 跨域
同源策略同源策略(Same-Origin Policy)最早由 Netscape 公司提出,是浏览器的一种安全策略。同源: 协议、域名、端口号 必须完全相同。违背同源策略就是跨域。如何解决跨域JSONP1) JSONP 是什么JSONP(JSON with Padding),是一个非官方的跨域解决方案,纯粹凭借程序员的聪明才智开发出来,只支持 get 请求。2) JSONP 怎么工作的?在网页有一些标签天生具有跨域能力,比如:img link iframe script。JSONP 就是原创 2021-04-17 00:13:00 · 184 阅读 · 2 评论 -
AJAX:axios发送AJAX请求
1. 概述axios是目前前端最热门的AJAX工具库,使用率最高,也是vue和react推荐的AJAX请求推荐包。可参考网址:http://www.axios-js.com/zh-cn/docs/2. 使用方式1.通过npm安装$ npm install axios方式2.使用 bower:$ bower install axios方式3.使用 cdn:<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axio原创 2021-04-16 22:23:47 · 115 阅读 · 0 评论 -
AJAX: jQuery发送AJAX请求
一般在开发中,我们采用在jQuery中发送AJAX请求。请求方式get 请求$.get(url, [data], [callback], [type])url:请求的 URL 地址。data:请求携带的参数。callback:载入成功时回调函数。type:设置返回内容格式,xml, html, script, json, text, _default。post 请求$.post(url, [data], [callback], [type])url:请求的 URL 地址。data:请求原创 2021-04-16 21:30:01 · 189 阅读 · 0 评论 -
AJAX:请求重复发送问题
1.问题如果点击一个按钮发送一条AJAX请求,点击后请求正在发送,但是如果高频的点击会导致存在多条相同请求同时在发送,这会影响性能。2.解决我们可以通过节流阀的思想,加上abort()取消请求的方法实现。设置一个标识符变量,为真则代表上条请求正在进行,为假则已结束。判断变量符,如果为真,则取消上条请求,重新发条请求。在这样高频点击,最后也只会剩下最后一次发送的请求3. 案例设置isSending为标识符在点击事件函数外声明xml通过延迟模拟请求未完成<!DOCTYPE html&g原创 2021-04-16 20:10:18 · 533 阅读 · 2 评论 -
AJAX:请求超时与网络异常处理
1. 概述有时候我们会因为网络问题导致ajax发送请求延时,这时候为了更好的用户体验,我们可以设置请求超时与网络异常的提示。2. 实现XMLHttpRequest对象中含有许多属性设置超时时间:timeout超时:ontimeout如果超过这个时间,则调用方法网络错误:onerror如果网络错误,则调用这个方法3. 案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8原创 2021-04-16 19:45:16 · 974 阅读 · 0 评论 -
AJAX:设置请求头
1.如何设置请求头我饿们可以通过xhr自带方法setRequestHeader来设置请求头注意:需要在open初始化之后 ,send发送之前设定如// 2.openxhr.open('POST', 'http://localhost:8000/server');// 设置请求头xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');// 3.发送(可任意写法)xhr.send('a=100&原创 2021-04-16 16:25:52 · 16936 阅读 · 0 评论 -
AJAX:原生AJAX简介及基本使用
文章目录1.AJAX 简介2.XML 简介3. AJAX 的特点3.1 优点3.2 缺点4. AJAX 的使用4.1 核心对象4.2 使用步骤4. 案例(GET 请求)1.AJAX 简介AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势就是:无刷新获取数据。AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。2.XML 简介XML :可扩展标记语言X原创 2021-04-16 15:30:04 · 188 阅读 · 1 评论