Angular中使用axios实现get请求数据
程序员文章站
2022-07-03 16:41:40
...
场景
Angular介绍、安装Angular Cli、创建Angular项目入门教程:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105570017
Angular新建组件以及组件之间的调用:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105694997
通过以上搭建起Angular项目。
Angular中使用HttpClientModule模块实现get请求数据和post提交数据:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106160896
仿照上面进行请求数据的方式,下面使用axios来请求数据。
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
首先需要安装axios
cnpm install axios --save
然后在用到的地方引入axios
import axios from 'axios';
然后在页面中添加一个按钮并添加一个按钮的点击事件
<button (click) = "getAxiosData()">使用axios请求数据</button>
在此点击事件中
getAxiosData(){
var api = "http://xxx.com/api/productlist";
axios.get(api)
.then(function (response) {
// handle success
console.log(response);
})
}
这样就可以实现最简单的get请求数据
推荐阅读
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
vue axios数据请求get、post方法的使用
-
Angular中使用axios实现get请求数据
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
SpringBoot使用切面+注解实现对所有请求的日志记录到数据库中
-
SpringBoot使用切面+注解实现对所有请求的日志记录到数据库中
-
在微信小程序中如何使用ajax实现请求服务器数据
-
vue axios数据请求get、post方法的使用
-
在微信小程序中如何使用ajax实现请求服务器数据
-
vue 项目中使用 axios + mockjs实现请求的拦截和数据模拟