xuxuii的博客

使用create-react-app脚手架搭建的项目，拆分组件：最外层App父组件，里面分别为Search和List子组件。💥总结在一个React项目中，组件之间的通信是非常重要的环节。父组件在展示子组件，可能会传递一些数据给子组件：子组件向父组件传递消息：...

1️⃣首先需要在vscode安装axios2️⃣然后使用搭建一个服务器：由于浏览器地址栏默认发送的就是get请求，我们可以在地址栏输入：按下回车键，查看服务是否可以成功返回数据：3️⃣发送请求获取数据：当点击按钮时，控制台显示报错：No ‘Access-Control-Allow-Origin’ header：说明跨域了，违背了同源策略…由于react脚手架运行在3000端口，但是发送请求的服务器在5000端口，形成了跨端口访问的问题，违背了同源策略，所以访问失败。如何解决呢？在react脚手架里通过来

如果返回值是的数据,那个结果就为的promise对象如果返回值是，那么Promise对象返回的结果就决定main函数返回结果如果，那么返回的结果是，抛出的结果就是失败的promise对象的结果await 右侧的表达式一般为 , 但也可以是其它的值（数字，字符串，布尔值等）如果表达式是, 直接将此值作为 await 的返回值。📛注意await 必须写在 async 函数中, 但 async 函数中可以没有 await。如果 await 右侧的的 promise 是的, 就会.

👇(Same-Origin Policy)最早由 Netscape 公司提出，是浏览器的一种安全策略。同源： 。违背同源策略就是。下表给出了与 URL http://store.company.com/dir/page.html 的源进行对比的示例：因为跨域问题是浏览器对于ajax请求的一种安全限制：一个页面发起的ajax请求，只能是于当前页同域名的路径，这能有效的阻止跨站攻击。因此：。有以下两种方法：JSONP和CORS最常用的是,而且也是最简单的😂。首先介绍一下JSONP方法，由难到易入手吧！JSO..

效果如下：在服务器中设置一个定时器，模拟给服务器发送请求超时的情况，当3s后返回响应结果。1.2 🔧请求超时的处理在客户端设置超时2s（服务器3s之后才会返回响应结果），自动取消请求，并弹框告知用户网络异常。1.3 🔩请求时网络异常的处理当无网络连接时（可以在设置网络为），调用网络异常的回调，并弹框告知用户网络有问题。整体代码如下：2. 🔨如何手动取消AJAX请求2.1 🥜案例效果如下:还是和上述一样，在服务器中设置一个定时器，模拟给服务器发送请求超时的情况，当3s后返回响应...

AJAX全称为Asynchronous JavaScript And XML，就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：。（类似刷朋友圈，刷微博动态）AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。XML（Extensible Markup Language）可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是，用来表示一些数据。以前都是采用XML进行数据交换，