62 lines
1.2 KiB
Plaintext
62 lines
1.2 KiB
Plaintext
ajax：
|
||
|
||
web开发两种模式
|
||
|
||
后端渲染
|
||
后端 80%功能
|
||
前端 20%页面
|
||
|
||
前后端分离
|
||
后端 数据，和服务器安全 接口 50%
|
||
|
|
||
|
|
||
ajax
|
||
|
|
||
|
|
||
前端 数据渲染，页面功能，路由控制，权限控制 50%
|
||
|
||
open(method)
|
||
method:
|
||
|
||
get 从服务器获取资源 （查）
|
||
post 前端向服务器提交数据 （增）
|
||
|
||
put 前端向服务器提交了更新请求 （改）
|
||
delete 前端向服务器提交了删除请求 （删）
|
||
|
||
get 和 post 的区别
|
||
|
||
1：请求参数传递的方式不一样，
|
||
get：http://1.com?id=1&name=2 地址栏传参
|
||
post: 放在请求体body中的 请求体传参
|
||
|
||
2：get 会产生浏览器历史记录 ，前进后退
|
||
post 不会
|
||
|
||
ajax 同源策略(CORS)
|
||
浏览器会检查前后端的网址是否一致
|
||
|
||
端口
|
||
协议
|
||
域名
|
||
|
||
前端：http://localhost:63342/
|
||
后端：http://127.0.0.1:3000/
|
||
|
||
ajax解决浏览器的跨域？
|
||
|
||
1：cors解决
|
||
后端添加请求头来允许前端访问 Access-Control-Allow-Origin
|
||
|
||
2：jsonp
|
||
不是ajax，他是js文件资源请求
|
||
把ajax伪装成js文件资源请求，绕过浏览器的 同源策略
|
||
回调来拿回数据
|
||
|
||
3：后端代理
|
||
|
||
A前端（自己） ---- C后端（别人）
|
||
|
||
A前端（自己） ---- B后端（自己）---- C后端（别人）
|
||
|