当前位置: 首页 > news >正文

vue axios ajax

为什么80%的码农都做不了架构师?>>>   hot3.png

入门当然是先学习下ajax怎么跟后端交互了,自己整理下相关东西,留待以后翻阅。

首先vue2.0以后使用的ajax是axios,vue官方是不提供ajax的(在1.0有,到2.0觉得不属于前端内容就不官方推荐了)框架,了解不深,反正都这么用,也就这么用吧。

1、首先安装axios的npm,一定的在项目的根目录里面,我的项目是my-project,就是进去然后执行命令

cnpm install axios -S

2、然后在我们写的vue页面中写上这么一段玩意

<template>
  <div>
    <div>测试测试{{msg}}</div>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'aaa',
  data () {
    return {
      msg: ''
    }
  },
  created () {
    console.log('这个方法被调用了')
    axios.get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then((data) => {
        console.log(data)
        this.msg = data.status
      })
  }
}
</script>

<style scoped>

</style>

3、跳转进入此页面的时候会自动调用此方法,然后执行。不会跳转,看之前的文章。https://my.oschina.net/uwith/blog/3016035

 

post的方法

//组装传递的参数
let aa={"name":111};
// 拿到值然后请求后台获取数据
axios.post('http://localhost:8081/vcl/getDetail',aa).then((response) => {
    console.log(response.data)
})

axios貌似有不少的方式,自己看着习惯用吧,在给一个学习的地址,虽然我也看不懂啥意思。

https://segmentfault.com/a/1190000010902115

https://www.cnblogs.com/zhouyangla/p/6753673.html

 

转载于:https://my.oschina.net/uwith/blog/3016483

相关文章:

  • z-index
  • 微软最具价值技术专家:我的16年软件开发经验总结
  • 排查Java的内存问题
  • 一对一源码搭建直播平台,需要如何选择云服务器才能带的动
  • Web表现层
  • 物联网技术周报第 128 期: 深度解读:深度学习在IoT大数据和流分析中的应用
  • system(“”start calc“”)
  • bzoj千题计划278:bzoj4590: [Shoi2015]自动刷题机
  • 函数式编程
  • kafka消息可靠性
  • Web 页面性能分析笔记
  • 人工智能会不会变成终结者,这事儿人工智能自己说了不算
  • 二.压缩指令的应用
  • 用一个实际例子理解Docker volume工作原理
  • mysql only_full_group_by
  • $translatePartialLoader加载失败及解决方式
  • CentOS 7 修改主机名
  • eclipse的离线汉化
  • Java知识点总结(JavaIO-打印流)
  • JSONP原理
  • Object.assign方法不能实现深复制
  • PHP面试之三:MySQL数据库
  • supervisor 永不挂掉的进程 安装以及使用
  • ubuntu 下nginx安装 并支持https协议
  • 精彩代码 vue.js
  • 理解IaaS, PaaS, SaaS等云模型 (Cloud Models)
  • 你真的知道 == 和 equals 的区别吗?
  • 七牛云假注销小指南
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 我是如何设计 Upload 上传组件的
  • 项目实战-Api的解决方案
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • ​【原创】基于SSM的酒店预约管理系统(酒店管理系统毕业设计)
  • #pragma 指令
  • #QT项目实战(天气预报)
  • $GOPATH/go.mod exists but should not goland
  • (1)bark-ml
  • (2022版)一套教程搞定k8s安装到实战 | RBAC
  • (M)unity2D敌人的创建、人物属性设置,遇敌掉血
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (十一)c52学习之旅-动态数码管
  • (完整代码)R语言中利用SVM-RFE机器学习算法筛选关键因子
  • (一)插入排序
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • .NET Core WebAPI中封装Swagger配置
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .NET Standard 支持的 .NET Framework 和 .NET Core
  • .net中的Queue和Stack
  • [ vulhub漏洞复现篇 ] Celery <4.0 Redis未授权访问+Pickle反序列化利用
  • [20160807][系统设计的三次迭代]
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯
  • [Angular] 笔记 16:模板驱动表单 - 选择框与选项
  • [C# 开发技巧]如何使不符合要求的元素等于离它最近的一个元素
  • [C/C++]数据结构 深入挖掘环形链表问题