65 lines
1.1 KiB
Plaintext
65 lines
1.1 KiB
Plaintext
ajax :
|
||
|
||
|
||
wx.request({
|
||
|
||
})
|
||
|
||
uni.request({})
|
||
|
||
vue axios
|
||
|
||
react axios
|
||
|
||
jquery $.ajax
|
||
|
||
xhr XMLHttpRequest
|
||
|
||
ajax是什么？无刷新的网页数据交互方式、
|
||
|
||
类似：电话
|
||
|
||
web开发模式：
|
||
|
||
纯后端渲染：
|
||
优势：对浏览器的搜索引擎优化有更好的帮助，一个后端就能搞定一个网站的开发，成本更低
|
||
缺点：项目后期维护成本非常非常高，代码逻辑和组织结构混乱
|
||
80% + 20%
|
||
|
||
前后端分离：50% + 50%
|
||
|
||
后端：给数据（数据库，服务器安全）,
|
||
前端：调接口，拿数据，写页面，实现前端功能
|
||
|
||
ajax 跨域
|
||
跨域是谁导致的: --> 浏览器（同源策略）
|
||
|
||
同源策略
|
||
|
||
协议
|
||
域名
|
||
端口
|
||
|
||
三者都一模一样的时候才能正常请求
|
||
|
||
|
||
http://127.0.0.3:9090/index.html
|
||
|
||
http://127.0.0.1:3000/index
|
||
|
||
|
||
解决跨域问题
|
||
|
||
1：后端设置cors
|
||
|
||
2：jsonp + 回调
|
||
浏览器不阻挡js,css,img的资源文件请求,所以将ajax伪装成js文件请求绕过浏览器的 同源策略
|
||
|
||
jsonp不是ajax
|
||
|
||
|
||
3：服务端代理
|
||
|
||
A我的自己的前端 ---浏览器x--- B别人的后端
|
||
A我的自己的前端 ------ C我们自己的后端 ---- B别人的后端
|