angular2 http post请求

最新推荐文章于 2024-11-28 15:37:50 发布

Mtity

最新推荐文章于 2024-11-28 15:37:50 发布

阅读量1.1w

点赞数

分类专栏： js学习 angularjs2 http 文章标签： angularjs2 http post

本文链接：https://blog.youkuaiyun.com/sinat_24554513/article/details/77182629

版权

js学习同时被 3 个专栏收录

3 篇文章

订阅专栏

angularjs2

2 篇文章

订阅专栏

http

1 篇文章

订阅专栏

本文介绍了在Angular2中如何使用HTTP模块进行POST请求，包括导入Http、Headers、RequestOptions和URLSearchParams等模块，以及如何构建并发送POST请求。

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

import { Http } from ‘@angular/http’;
import { Headers, RequestOptions, URLSearchParams } from ‘@angular/http’;
首先要import 这几个模块，
分别是http请求体，http请求头部，请求options，和请求发送的data，

import { Http } from '@angular/http';
import { Headers, RequestOptions, URLSearchParams } from '@angular/http';
import 'rxjs/add/operator/toPromise';

constructor(private http: Http) {
        this.headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' });
        this.options = new RequestOptions({ headers: this.headers });
    }
    private handleError(error: any): Promise<any> {
        console.error('An error occurred', error); // for demo purposes only
        return Promise.reject(error.message || error);
    }

    public getImg(): Promise<object> {
        const data = new URLSearchParams();
        const bodyData = {
            'UUID': 'nullfy6HS'
        };
        data.append('body', JSON.stringify(bodyData));
        data.append('tradeCode', '0002');
        data.append('tradeType', 'authService');
        return this.http.post(this.baseUrl, data, this.options)
            .toPromise().then(response => response.json()).catch(this.handleError);
    }

返回一个promise函数体