Ajax快速入门

Ajax

Ajax就是前端访问服务器端数据的一个技术
还有主要就是异步交互
就是在不刷新整页面的情况下,和服务器交换部分我也数据
比如搜索的联想技术
在这里插入图片描述
同步和异步的概念
一个是客户端需要等待服务器完成处理,才能进行别的事
一个是客户端不需要等待服务器处理完也可以进行别的事
在这里插入图片描述

原生ajax

就发送请求,然后判断条件如果响应成功
就赋值再进行对应的逻辑处理(我们这里是直接展示出来)
在这里插入图片描述
在这里插入图片描述

axios

axios就是简化了原生ajax请求步骤
第一个是以get方式发送请求
第二个是post方式发送请求,还有传一个参数指定删除员工的id
hen(result),result是我们接收服务器返回结果的对象
在这里插入图片描述
还是通过表单标签来调用定义的方法
在这里插入图片描述

但是这样稍微有点麻烦
axios提供了别名
在这里插入图片描述
简化后

在这里插入图片描述

案例

在这里插入图片描述
基本格式代码
在这里插入图片描述
vue的代码
注意:合用之前的知识
当挂载完成的时候,用axios异步请求emp参数,然后再赋值给我们vue的data也就是数据层
然后vue就拿到对应服务端的数据
实现了动态数据

然后我再更改一下对应的url,使其不是固定的而是emp中获取的
由于要全部展现还要用到之前的指令
v-for
还要判断1和2来展示男女,还要用到v-if
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小袁拒绝摆烂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值