88 lines
2.6 KiB
Plaintext
88 lines
2.6 KiB
Plaintext
ajax（XML Http Request）
|
||
|
||
理解：是前后端数据交互的一种沟通方式（打电话）
|
||
官方：网页无刷新的一种数据交互方式
|
||
|
||
|
||
web网站开发模式：
|
||
|
||
1：服务端渲染
|
||
|
||
前端：10% ~ 30% 主要就是用html，css写页面，三四千
|
||
|
||
后端：90% ~ 70%
|
||
|
||
缺点：
|
||
1：开发速度慢，效率不平衡
|
||
2：代码冗余（屎山）
|
||
|
||
|
||
2：前后端分离
|
||
|
||
前端：50% ~ 60% html，css写页面，需要用js实现各种复杂功能和特效交互
|
||
|
|
||
沟通？ ajax
|
||
|
|
||
后端：50% ~ 40% 写代码后端代码，数据库，维护服务器，做安全
|
||
|
||
|
||
HTTP:
|
||
|
||
前后端数据通讯的方式
|
||
|
||
包含：
|
||
|
||
请求方式
|
||
GET 要数据的过程
|
||
http://www.1.com?name=刘兵&pwd=1234
|
||
|
||
POST 给数据的过程
|
||
|
||
|
||
PUT 更新数据的过程
|
||
DELETE 删除数据的过程
|
||
|
||
GET 和 POST 有什么差别？？
|
||
https://www.oschina.net/news/77354/http-get-post-different#:~:text=%E6%9C%80%E7%9B%B4%E8%A7%82%E7%9A%84%E5%8C%BA%E5%88%AB%E5%B0%B1%E6%98%AFGET%E6%8A%8A%E5%8F%82%E6%95%B0%E5%8C%85%E5%90%AB%E5%9C%A8URL%E4%B8%AD%EF%BC%8CPOST%E9%80%9A%E8%BF%87request%20body%E4%BC%A0%E9%80%92%E5%8F%82%E6%95%B0%E3%80%82%20...,GET%E8%AF%B7%E6%B1%82%E4%BC%9A%E8%A2%AB%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%BB%E5%8A%A8cache%EF%BC%8C%E8%80%8CPOST%E4%B8%8D%E4%BC%9A%EF%BC%8C%E9%99%A4%E9%9D%9E%E6%89%8B%E5%8A%A8%E8%AE%BE%E7%BD%AE%E3%80%82%20GET%E8%AF%B7%E6%B1%82%E5%8F%AA%E8%83%BD%E8%BF%9B%E8%A1%8Curl%E7%BC%96%E7%A0%81%EF%BC%8C%E8%80%8CPOST%E6%94%AF%E6%8C%81%E5%A4%9A%E7%A7%8D%E7%BC%96%E7%A0%81%E6%96%B9%E5%BC%8F%E3%80%82%20GET%E8%AF%B7%E6%B1%82%E5%8F%82%E6%95%B0%E4%BC%9A%E8%A2%AB%E5%AE%8C%E6%95%B4%E4%BF%9D%E7%95%99%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%86%E5%8F%B2%E8%AE%B0%E5%BD%95%E9%87%8C%EF%BC%8C%E8%80%8CPOST%E4%B8%AD%E7%9A%84%E5%8F%82%E6%95%B0%E4%B8%8D%E4%BC%9A%E8%A2%AB%E4%BF%9D%E7%95%99%E3%80%822016%E5%B9%B49%E6%9C%8822%E6%97%A5
|
||
|
||
|
||
请求状态 200 404
|
||
请求头（请求体） request
|
||
响应头（响应体） response
|
||
|
||
|
||
ajax 跨域（CORS）
|
||
偷偷请求别人家的数据接口
|
||
|
||
判断标准（同源策略）：
|
||
|
||
1：协议
|
||
2：域名
|
||
3：端口
|
||
|
||
http 协议默认端口：80
|
||
https 443
|
||
|
||
前端：http://www.abc.com
|
||
|
|
||
浏览器
|
||
|
|
||
后端：http://127.0.0.1:3000/index
|
||
|
||
|
||
解决跨域
|
||
|
||
1：cors
|
||
2：jsonp
|
||
把ajax请求伪装成 js 文件请求 (请求)
|
||
回调函数的方式，拿回数据（响应）
|
||
|
||
3：服务端代理
|
||
|
||
A(前端) ----> B后端
|
||
|
||
A(前端 我的) ---> C后端 （我的）
|
||
|
||
C后端（我的） ---> B后端（别人的）
|
||
|
||
|