Angular 数据请求的实现方法

前端之家收集整理的这篇文章主要介绍了Angular 数据请求的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用 Angular 请求数据的时候,需要引入 HttpModule 模块,如果使用的 jsonp 模式的话,则需要另外引入 JsonpModule 模块

然后在当前模块中的 imports 内进行注册

注册以后就可以在组件文件当中引入相对应的方法来进行数据请求了

然后在当前组件的构造函数当中进行注入以后就可以使用了

使用如下,一个简单的 get 请求

{ _this.list = JSON.parse(data['_body'])['result'] console.log(_this.list) }) }

前台进行渲染即可

JSONP 请求数据

注意区分与 get 请求的区别,使用如下

{ _this.list = data['_body']['result'] console.log(_this.list) }) }

不同点

请求的 url 参数结尾必须要添加指定的回调函数名称 &callback=JSONP_CALLBACK

请求的方式变为 this.jsonp.get(url)

请求后得到的数据格式不统一,需要自行进行调整

POST 请求

与 GET 的请求方式有些许不同,首先需要引入请求头 { Headers }

然后来对请求头进行定义,需要先实例化 Headers

最后在提交数据的时候带上 Headers 即可

{ console.log(data) }) }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/32470.html

猜你在找的JavaScript相关文章