今天的码农女孩做了关于axios技术的笔记

axios技术:
axios用来链接后台,执行ajax,封装了promise,处理了兼容性,地域回调,可以执行多个回调函数。可在node中发送http请求,自动转化json数据,防止XSRF攻击
请求方法:
axios.get(路径,参数)
axios.post(路径,参数)
axios.delete(路径,参数)
axios.head(路径,参数)
axios.put(路径,参数)
axios.patch(路径,参数)
axios.options(路径,参数)
axios.request(参数)
使用方式:
npm install axios --save 安装axios
npm install axios -S 安装axios
shift+鼠标右键 选择打开命令行窗口,直接打开指定路径位置

get请求方式:
axios.get(路径,{参数:值})
    .then(function(res){
      console.log(res.data)
      th.arr=res.data
    })
    .catch(function(error){
      console.log(error)
    })

request请求方式:
axios.request({
      url:"/api/News/new_list",
      method:"get",
      data:{type:3,page:20},
    }).then(function(res){
      console.log(res)
    }).catch(error=>{console.log(error)})
request的参数:
url定义路径
method http请求方式
data 传给后台的变量
headers:{Content-Type:'application/json'} 自定义请求头
params:{type:3,page:20} 发送无格式对象体数据
timeout:1000 指定请求超时的毫秒数
withCredentials:true 跨域请求是否需要凭证
responseType:'json'服务器返回的数据类型
     json,ArrayBuffer,blob,document,text,stream
responseEncoding:"utf8" 响应字符集
 

简答:前后端分离的思想

在前后端分离的模式中,后端看不到项目里的页面,后端给前端提供接口,前端通过后端提供的接口进行也米娜的展示。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。在前后端分离的应用模式中 ,前端与后端的耦合度相对较低。在前后端分离的应用模式中,我们通常将后端开发的每个视图都称为一个接口,或者API,前端通过访问接口来对数据进行增删改查。

前后段分离的优点

(1)最大的好处就是前端JS可以做很大部分的数据处理工作,对服务器的压力减小到最小;

(2)后台错误不会直接反映到前台,错误接秒较为友好;

(3)由于后台是很难去探知前台页面的分布情况,而这又是JS的强项,而JS又是无法独立和服务器进行通讯的。所以单单用后台去控制整体页面,又或者只靠JS完成效果,都会难度加大,前后台各尽其职可以最大程度的减少开发难度。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值