![](https://img-blog.csdnimg.cn/a2a40fbb87ae410f9828fa4b74c3cbfd.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
AJAX
文章平均质量分 94
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作
蜡笔雏田学前端
新星计划第三季Javascript赛道Top4
记录双非软工专业本科生的学习日常
只要心还在跳,就要努力学习,一起加油!
展开
-
【React组件】github搜索案例之 父子组件通信 (附源码)
使用create-react-app脚手架搭建的项目,拆分组件:最外层App父组件,里面分别为Search和List子组件。💥总结在一个React项目中,组件之间的通信是非常重要的环节。父组件在展示子组件,可能会传递一些数据给子组件:子组件向父组件传递消息:...原创 2022-07-03 13:07:36 · 2448 阅读 · 29 评论 -
【React跨域】react ajax配置代理的两种方式--- proxy/setupProxy
1️⃣首先需要在vscode安装axios2️⃣然后使用搭建一个服务器:由于浏览器地址栏默认发送的就是get请求,我们可以在地址栏输入:按下回车键,查看服务是否可以成功返回数据:3️⃣发送请求获取数据:当点击按钮时,控制台显示报错:No ‘Access-Control-Allow-Origin’ header:说明跨域了,违背了同源策略…由于react脚手架运行在3000端口,但是发送请求的服务器在5000端口,形成了跨端口访问的问题,违背了同源策略,所以访问失败。如何解决呢?在react脚手架里通过来原创 2022-07-01 16:44:34 · 2839 阅读 · 8 评论 -
一文带你剖析async/await--【基于Promise的解决异步的最终方案】
如果返回值是的数据,那个结果就为的promise对象如果返回值是,那么Promise对象返回的结果就决定main函数返回结果如果,那么返回的结果是,抛出的结果就是失败的promise对象的结果await 右侧的表达式一般为 , 但也可以是其它的值(数字,字符串,布尔值等)如果表达式是, 直接将此值作为 await 的返回值。📛注意await 必须写在 async 函数中, 但 async 函数中可以没有 await。如果 await 右侧的的 promise 是的, 就会.原创 2022-06-29 14:32:24 · 1085 阅读 · 6 评论 -
【跨域】一招带你解决跨域问题——CORS
👇(Same-Origin Policy)最早由 Netscape 公司提出,是浏览器的一种安全策略。同源: 。违背同源策略就是。下表给出了与 URL http://store.company.com/dir/page.html 的源进行对比的示例:因为跨域问题是浏览器对于ajax请求的一种安全限制:一个页面发起的ajax请求,只能是于当前页同域名的路径,这能有效的阻止跨站攻击。因此:。有以下两种方法:JSONP和CORS最常用的是,而且也是最简单的😂。首先介绍一下JSONP方法,由难到易入手吧!JSO..原创 2022-06-13 19:41:09 · 1572 阅读 · 4 评论 -
【前端AJAX】如何处理AJAX请求超时和网络异常?以及手动取消AJAX请求的方法
效果如下:在服务器中设置一个定时器,模拟给服务器发送请求超时的情况,当3s后返回响应结果。1.2 🔧请求超时的处理在客户端设置超时2s(服务器3s之后才会返回响应结果),自动取消请求,并弹框告知用户网络异常。1.3 🔩请求时网络异常的处理当无网络连接时(可以在设置网络为),调用网络异常的回调,并弹框告知用户网络有问题。整体代码如下:2. 🔨如何手动取消AJAX请求2.1 🥜案例效果如下:还是和上述一样,在服务器中设置一个定时器,模拟给服务器发送请求超时的情况,当3s后返回响应...原创 2022-06-13 12:41:15 · 5853 阅读 · 4 评论 -
AJAX是什么?手把手教你如何使用原生AJAX发送请求
AJAX全称为Asynchronous JavaScript And XML,就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:。(类似刷朋友圈,刷微博动态)AJAX不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。XML(Extensible Markup Language)可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是,用来表示一些数据。以前都是采用XML进行数据交换,原创 2022-06-12 11:48:43 · 777 阅读 · 2 评论