ionic http 数据通信

丐小胖

于 2017-12-05 16:22:42 发布

阅读量833

点赞数

文章标签： ionic3数据显示通信 http angular

本文链接：https://blog.youkuaiyun.com/qq_38553776/article/details/78721352

版权

本文介绍了在Ionic 3应用中如何利用HttpModule进行数据通信。首先在app.module.ts导入HttpModule，然后通过HttpModule发送POST请求，将数据与请求一起发送。接收到响应后，使用res.json()剥离数据，并根据需求处理。在HTML页面中，通过*ngFor指令遍历listData数组展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虽然是ionic3 但是目前的数据通信仍使用的是 HttpModule

首先在app.module.ts里面引入

import {HttpModule} from "@angular/http";

并在imports里面加入 HttpModule（当然它可能会有一条横杠,不用担心 那只是过时标记）

然后再在你需要进行数据通信的页面的.ts文件里加入

import {Http,Response} from "@angular/http";

并注入依赖 类似于这样

因为这边是在数据请求之前有进行数据的提交

所以得把提交的数据一起请求过去,没有数据的话可以用get

之后console.log（res）

那么现在你可以根据自己的需要进行剥离这些数据

关于上面的剥离比如：如果取_body的数据console.log(res.json());

之后把剥离的数据通过官方文档的方法

上面的dat是这边通过剥离的json数组

然后再在html页面进行*ngFor="let item of listData"的方法{{item.***}},这样就可以啦！

暂时就这样啦下次用httpclient再作修改。