// 以下是一些必须的导入

import { Http, URLSearchParams,RequestOptions } from '@angular/http'; // 发送请求有关的类

import { Observable } from "rxjs"; // 明确请求后的可观察对象是Rx的可观察对象，如未指明是Rx的可观察对象，会报错。

import 'rxjs/add/operator/toPromise'; // 引入toPromise操作符，否则会报错，toPromise方法未定义。

// 发送get请求的方法

get() : Promise<string> {

    let serverurl: string = "url地址";

    // 创建请求参数对象，所有请求参数被放在此对象中。

    let param = new URLSearchParams();

    param.append("param1","test"); // 向请求参数中放入参数及值

    // 创建请求设置对象，将请求参数作为其构造方法参数对象的"search"属性值。

    // 请注意，在这里我们并未明确请求头（Headers），Angular会根据请求方法（method）

    // 及请求参数的类型，自动确定请求头类型。

    let options = new RequestOptions({search:param});

    // 发起get请求。注意http属性必须由依赖注入而来。

    return this.http.get(serverurl, options)

    .toPromise()    // 将可观察对象转为承诺，接下来按照承诺的方式处理。

    .then(response => {

        let data = response.json();

        if (data.is_ok == 2) {

            let result:string = data.rs;

            console.log(result);

            return Promise.resolve(result);

        }

        return Promise.reject("false");

    }).catch(error => {

        console.log(error);

        return Promise.reject("false");

    });

}

// 以下是一些必须的导入

import { Http, URLSearchParams,RequestOptions } from '@angular/http'; // 发送请求有关的类

import { Observable } from "rxjs"; // 明确请求后的可观察对象是Rx的可观察对象，如未指明是Rx的可观察对象，会报错。

import 'rxjs/add/operator/toPromise'; // 引入toPromise操作符，否则会报错，toPromise方法未定义。

// 发送Post请求的方法

postByForm(): Promise<string> {

    let serverurl: string = "url地址";

    // 创建请求参数对象，所有请求参数被放在此对象中。

    let param = new URLSearchParams();

    param.append("param1","test"); // 向请求参数中放入参数及值

    // 发起Post请求（http属性必须由依赖注入而来），请注意，post方法比get方法多了一个参数，多的是第2个参数。

    // 第1个参数是url地址，第2个参数是请求参数；

    // 第3个参数对应get方法的第2个参数，是请求设置（RequestOptions）对象。

    // 在get请求中，我们将请求参数（URLSearchParams）放在了请求设置的（RequestOptions）对象的"search"属性中，

    // 在post方法中，post请求参数作为post方法的第2个参数，不能放到请求设置的（RequestOptions）对象的"search"属性中。

    // 如放到了请求设置的（RequestOptions）对象的"search"属性中，则被作为请求get参数的一部分。

    // 如：url地址?param1=test，

    // 这不是我们想要的。我们使用了post方法，即是希望在请求体的form-data部分传输我们的参数，

    // 而不希望请求参数出现在url地址上。

    // 在这里，请求设置对象是个null，因为我们不需要给本次请求设置请求头，请求头由anglar自动计算。

    return this.http.post(serverurl, param, null)

    .toPromise()

    .then(response => {

        let data = response.json();

        if (data.is_ok == 2) {

            let result:string = data.rs;

            console.log(result);

            return Promise.resolve(result);

        }

         return Promise.reject("false");

    }).catch(error => {

        console.log(error);

        return Promise.reject("false");

    });

}

// 以下是一些必须的导入

import { Http, URLSearchParams,RequestOptions } from '@angular/http'; // 发送请求有关的类

import { Observable } from "rxjs"; // 明确请求后的可观察对象是Rx的可观察对象，如未指明是Rx的可观察对象，会报错。

import 'rxjs/add/operator/toPromise'; // 引入toPromise操作符，否则会报错，toPromise方法未定义。

// 发送Post请求的方法

postByFormData(): Promise<string> {

    let serverurl: string = "url地址";

    let param = new FormData();

    // 放入要上传的文件

    let file = this.fileElement.nativeElement.files[0];

    param.append("file",file);

    // 放入其他参数

    param.append("param1","test");

    // 发送post请求（http属性必须由依赖注入而来），可以看到，除了第二个参数param的类型为FormData外，其余参数与普通post请求一致。

    // angular会自动计算请求头类型。

    return this.http.post(serverurl, param, null)

    .toPromise()

    .then(response => {

        let data = response.json();

        if (data.is_ok == 2) {

            let result:string = data.rs;

            console.log(result);

            return Promise.resolve(result);

        }

        return Promise.reject("false");

    }).catch(error => {

        console.log(error);

        return Promise.reject("false");

    });

}