使用 Angular 请求数据的时候,需要引入 HttpModule 模块,如果使用的 jsonp 模式的话,则需要另外引入 JsonpModule 模块
rush:js;">
import { HttpModule,JsonpModule } from '@angular/http'
然后在当前模块中的 imports 内进行注册
rush:js;">
imports: [
HttpModule,JsonpModule
],
注册以后就可以在组件文件当中引入相对应的方法来进行数据请求了
rush:js;">
import { Http,Jsonp } from '@angular/http'
然后在当前组件的构造函数当中进行注入以后就可以使用了
rush:js;">
constructor(private http: Http,private jsonp: Jsonp) { }
使用如下,一个简单的 get 请求
{
_this.list = JSON.parse(data['_body'])['result']
console.log(_this.list)
})
}
前台进行渲染即可
rush:xhtml;">
JSONP 请求数据
注意区分与 get 请求的区别,使用如下
{
_this.list = data['_body']['result']
console.log(_this.list)
})
}
rush:xhtml;">
// 渲染
不同点
请求的 url 参数结尾必须要添加指定的回调函数名称 &callback=JSONP_CALLBACK
请求的方式变为 this.jsonp.get(url)
请求后得到的数据格式不统一,需要自行进行调整
POST 请求
与 GET 的请求方式有些许不同,首先需要引入请求头 { Headers }
rush:js;">
import { Http,Jsonp,Headers } from '@angular/http'
然后来对请求头进行定义,需要先实例化 Headers
rush:js;">
private headers = new Headers({'Content-Type': 'application/json'})
最后在提交数据的时候带上 Headers 即可
{
console.log(data)
})
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
原文地址:https://www.jb51.cc/js/32470.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。