首页 > 代码库 > angular2 学习笔记 ( Http 请求)
angular2 学习笔记 ( Http 请求)
refer :
https://angular.cn/docs/ts/latest/guide/server-communication.html
https://xgrommx.github.io/rx-book/index.html
概念上没什么太多的区别.
下面记入一些例子和小区别 :
不同的地方 :
1.不支持 upload file (游览器的 xhr 可以很容易的通过 send formData 实现 ajax upload), ng2 没有
2.不支持 ng1 的 interceptor 拦截和 transformations (要自己实现可以试着继承 http 服务来扩展)
3.默认结合rxjs (也可以很容易的转化回熟悉的 Promise)
提醒:
1.XSRF 和 ng1 一模一样
2.ng2 有一个内存 WebAPI 服务 ( in-memory web api service )，可以模拟后端的 Web API 服务器
例子 :
1.Headers and Params
let headers = new Headers({ "myHeader": "myValue" });headers.append("yourHeader", "yourValue");let params = new URLSearchParams();params.set(‘myParam‘, ‘myValue‘);let options = new RequestOptions({ headers: headers, search: params });this.http.get("/api/products", options).toPromise().then((response) => { console.log(response.json());});
2.POST
let body = JSON.stringify({ code : "mk200"});let headers = new Headers({ ‘Content-Type‘: ‘application/json‘ });let options = new RequestOptions({ headers: headers });this.http.post("/api/products", body, options).toPromise().then((response) => { //do something...});
3.get CSV
let options = new RequestOptions({ responseType: ResponseContentType.Text });this.http.get("/demo.csv", options).toPromise().then((response) => { console.log(response.text()); });
4.by request
let options = new RequestOptions({ method: RequestMethod.Post, url: "/api/products", headers: new Headers({ ‘Content-Type‘: ‘application/json‘ }), body: JSON.stringify({ code: "mk200" })});this.http.request(new Request(options)).toPromise().then((response) => { //do something...});
angular2 学习笔记 ( Http 请求)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。