【重温JS】巩固基础之-ajax-post/同源策略/跨域/Promise这是我参与8月更文挑战的第25天，活动详情查看

这是我参与8月更文挑战的第25天，活动详情查看：8月更文挑战

☆☆☆ 今天学习的内容: ( 前后端通信-ajax-post / 同源策略 / Promise ) !查缺补漏! ☆☆☆

可作为初学者的学习路线, 可参考一下, 学习进度也不是特别赶! 持续更新中

结合自己的理解, 用白话文简单又全面概括 JavaScript 学习过程中的基础知识点, 方便加深理解!

开始今天的学习吧! '打牢地基才能筑高楼'! 加油! 认真对待!!

1、梳理昨日知识点前后端通信-ajax 原理/缓存/接口

ajax 作用: ajax 实现了页面无刷新效果
异步和同步区别：
ajax 请求数据方式:
ajax 请求服务器数据步骤 :
读取服务器接口

2、ajax 的 Post 方式

post 可以从服务器获取数据也可以向服务器发送数据

post 获取数据和 get 方式没有区别

发送数据时：有区别

post 方式需要设置请求头

ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");

在 ajax.send() 中设置发送的数据

3、同源策略

同源：同一个来源

ajax 请求数据时，要保证 协议 域名 端口号 完全一致才可以请求数据

同源策略：同源策略是浏览器的一个行业标准，为了保证用户数据的安全

受同源策略的影响， ajax 不能实现跨域访问数据

4、jsonp 跨域

4.1 跨域原理：

1、通过动态创建 script 标签添加到 body 中
2、设置 script 标签的 src 值为一个接口路径
3、接口上带一个参数，表示回调函数，通过这个回调函数可以获取服务器数据

jsonp 接口和 ajax 接口区别：

jsonp 接口：

1、接口上必须携带一个参数表示回调函数
2、访问 jsonp 的接口得到的数据是 object 类(返回值为对象) 不需要进行类型转换

5、cors 跨域 --- 由服务器解决的跨域

通过 ajax 请求服务器数据，服务器上跨域处理跨域问题

6、`promise` 对象

promise --- 承诺

6.1 定义 :

var pro = new Promise(function (success, failed) {})

6.2 `promise`对象的三种状态：

pending 进行中
resolved 成功了（已解决）
rejected 失败了 (未解决)

success ---> then

failed ---> catch

promise 对象如果执行 success, 表示承诺的事成功了，紧接下来执行 then 方法

then 方法使用：

then(
  function () {
    成功后执行
  },
  function () {
    失败后执行
  }
)

promise 对象如果执行 failed, 表示承诺的事失败了，紧接下来执行 catch 方法

6.3 promise 特点：

promise 对象一旦状态发生改变就不可逆

预告: 加油, 追梦人

学习就是一个不断进行的过程, 坚持下去, 定有收获!

日积月累, 巩固基础, 早进大厂!

坚持很不容易, 坚持下来更不容易, 你真棒!

Calm Down & Carry On!

【重温JS】巩固基础之-ajax-post/同源策略/跨域/Promise

可作为初学者的学习路线, 可参考一下, 学习进度也不是特别赶! 持续更新中

1、梳理昨日知识点 前后端通信-ajax 原理/缓存/接口

2、ajax 的 Post 方式

post 获取数据 和 get 方式没有区别

3、同源策略

4、jsonp 跨域

4.1 跨域原理 ：

jsonp 接口 和 ajax 接口 区别 ：

5、cors 跨域 --- 由服务器解决的跨域

6、promise 对象

6.1 定义 :

6.2 promise对象的三种状态 ：

6.3 promise 特点 ：