ionic中使用angularjs的http请求的坑

ionic中使用angularjs的http请求的坑

公司开发的app使用的是ionic结合angularjs的框架,来到之后一直都是在原有开发的基础上二次开发或修改,今天有空就想着自己试着搭一个简单的功能模块齐全的app。网络请求机制是app一个必不可少的部分,一般app都会将http请求封装在httpService中,然后需要发送请求的地方直接将请求路径作为参数传递进去进行调用,我在一个test页面单独使用http进行网络请求的时候遇到了一点坑。

首先,想要使用http就要先进性导包,然而从angularjs中导入的http和response在进行实例化的时候却显示删除线,提示已经过时,第一反应有点蒙逼,大惊,遂去网上搜了一下,也没有看到说http被淘汰了呀。

ionic中使用angularjs的http请求的坑

后经同事提醒,是不是依赖包的版本不兼容,然后我看了一下package.json文件,依赖包清单清一色的5.x.x,又回头看了一下公司的依赖包清单,都是4.x.x版本,就试着将package.json文件替换成公司的,然后重新npm install装依赖,问题解决。最新版本的angularjs包难道使用了新的http对象?回头查一下根源。

http和response能够正常实例化,但进行请求的时候页面又报错,报错原因

Error: No provider for ConnectionBackend! 

度娘了一下同样的错误,原来还要讲HttpModule模块添加到app.module.ts中

ionic中使用angularjs的http请求的坑

然后就可以正常请求了,这里我使用的是一个国外的网站进行请求测试:

ionic中使用angularjs的http请求的坑


ionic中使用angularjs的http请求的坑