ionic3使用HttpClient发送post请求

1.首先在app.module.ts的修改

import { HttpClientModule} from '@angular/common/http';
imports 中引入 HttpClientModule

2.在providers中自己新建的https文件夹下的https.ts中

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';
import { catchError, map, tap } from 'rxjs/operators';


const httpOptions = {
headers: new HttpHeaders({ 'Content-Type' : 'application/json;charset=UTF-8' })
};

@ Injectable()
export class HttpsProvider {


constructor(
public http: HttpClient
) {
console. log( 'Hello HttpsProvider Provider');
}

addPost(){
let hotMoviesUrl: string = "http:/访问项目的ip/myapp/login";
return this. http. post( hotMoviesUrl, '{"user": "测试1"}', httpOptions). subscribe(
( data) =>{
console. log( data+ "success")
}
)
}
}


注意

1.发送时一定要json格式的数据{ “user” : "测试"},可以写一个工具类

2.没有对异常进行处理,以后再优化,这只是一个最简单的请求





猜你喜欢

转载自blog.csdn.net/qq_37924396/article/details/79570306