前言

通过在之前的学习当中,对于初学者来说能使用html实现的那就是一个完整的页面,不得不说html是一门很好的基础语言,我们学习vue也是建立在html之上的,vue是一套相对完整的语言系统,它既能实现静态页面的制作,也能向服务器发送请求。

下面我来介绍一个vue中比较重要的语法axios为Ajax奠定基础

我们在构建应用时需要访问一个API并展示数据,做这件事的方法有好几种,而使用基于Promise的HTTP客户端axios则是其中非常流行的一种。

//获取全部数据

使用 npm:

$ npm install axios

使用 bower:

$ bower install axios

使用 cdn:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

也可以下载文档创建新的axios.js下载之后直接引入稳定性更高

同步更新axios.js离线手册下载地址:https://unpkg.com/axios/dist/axios.min.js

//引入axios.js

多学一招
127.0.0.1.+端口号
localhost:+端口号
都是访问本机
<script src="./axios.js"></script>//发送get请求
axios.get("http://localhost:3000/getone")//url地址 .then(function(data){
console.log(data)
})

//获取一条数据(get请求)

axios.get('http://localhost:3000/getone/2').then(function(data){
console.log(data)
})

//添加一条数据(post请求)

axios.post("http://localhost:3000/getone",{status:false,title:"来了老弟"}).then(function({
console.log(d);
}).catch(function(error){
console.log(error)
})

//删除一条数据(delete请求)

axios.delete('http://localhost:3000/getone/1').then(function(d){
console.log(d);
}).then(function(d){console.log(d) }).catch(function(error){
console.log(error)
})

//修改又一条数据(put请求)

axios.put('http://localhosl:3000/getone/3',{title:"hello,wrod"}).then(function(d){
console.log(d);
}).catch(function(error){
console.log(error)
})

实现基础的增删改查

我是你们的小小冷湿地下次再见下篇更新axios离线手册再见

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐