通过在之前的学习当中,对于初学者来说能使用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离线手册再见
原文链接:https://blog.csdn.net/m0_67402914/article/details/123420164?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171836857716800184173992%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171836857716800184173992&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-9-123420164-null-null.nonecase&utm_term=cdn%E7%B3%BB%E7%BB%9F
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/32655