ionic http 请求以及缓存 storge 的使用

http 请求(post):

1.在对应页面 .ts文件 constructor中定义(HttpClient) ,并import  {HttpClient}

2.在ionic config .json 中启用代理 具体方法是:   

 "proxies" :[

                {

                        "path":"api" // api 为自命名

                        "proxyUrl":"...."//此处的地址是服务器接口的地址

            },

{

.....

},

....

]

3.

let formData = new formData(); 

formData.append(key,value);  // 依次添加接口所需要的参数,固定的就写固定,需要用户输入的value就需要双向绑定(在ts 里定义,html 里采用[(ngmodel)]=所定义的参数名)

..

this.http.post(url:"api/...",formData).subscribe((data:any)=>{

})

 

storge 使用方法(官方文档) :

1.

ionic cordova plugin add cordova-sqlite-storage

2.

npm install --save @ionic/storage

3.在src/app/app module.ts 里 的imports 中引入

  IonicStorageModule.forRoot()

4.在对应项目中引入storge并进行相对应操作

存(storge.set("key",value)),取(storge.get("key").then((val)=>{}))

storge 存:

this.storge.set("user_token", data.model.memberToken.token);

storge 取:

this.storge.get("user_token").then((data: any) => {
})

 

 

转载于:https://my.oschina.net/u/3843182/blog/1939656