Tuesday, August 27, 2019

Get Post Delete Pur

1. Ionic get post delete put commads


import { Component, OnInit } from '@angular/core';

import { HttpClient, HttpHeaders } from '@angular/common/http';

@Component({
selector: 'app-home',
templateUrl: './home.page.html',
styleUrls: ['./home.page.scss'],
})
export class HomePage implements OnInit {

url = 'https://localhost:44354/api/employees_';

constructor(private http:HttpClient) { }

ngOnInit() {
// this.getApi();
}

getApi(){
let Headers_ = new HttpHeaders({
'Content-Type': 'application/json'
});
this.http.get(this.url,{headers:Headers_,params:{'Emp_Name':'ri'}})
.subscribe(data => {
console.log('data : '+JSON.stringify(data));

});
}

postApi(){
let Headers_ = new HttpHeaders({
'Content-Type': 'application/json'
});

let jsonData={
"Emp_Name": "Rinkesh Gola",
"Address": "Agra",
"Mobile": "7878"
}
this.http.post(this.url,jsonData,{headers:Headers_})
.subscribe(data => {
console.log('data : '+JSON.stringify(data));

});
}

putApi(){
let Headers_ = new HttpHeaders({
'Content-Type': 'application/json'
});

let jsonData={
"Srno":"51",
"Emp_Name": "Sanjay Gola",
"Address": "Agra",
"Mobile": "99"
}

this.http.put(this.url,jsonData,{headers:Headers_,params:{"id":"51"}})
.subscribe(data => {
console.log('data put : '+JSON.stringify(data));

});
}

deleteApi(){
let Headers_ = new HttpHeaders({
'Content-Type': 'application/json'
});

let jsonData={
"Srno":"50",
"Emp_Name": "Sanjay Gola",
"Address": "Agra",
"Mobile": "99"
}

this.http.delete(this.url,{headers:Headers_,params:{"id":"51"}})
.subscribe(data => {
console.log('data put : '+JSON.stringify(data));

});
}

}



2. Ionic version

PS E:\E Drive\RND\IONIC\myIoAppApiGetPostDelPut> ionic info Ionic: Ionic CLI : 5.2.3 (C:\Users\OMG\AppData\Roaming\npm\node_modules\ionic) Ionic Framework : @ionic/angular 4.7.4 @angular-devkit/build-angular : 0.801.3 @angular-devkit/schematics : 8.1.3 @angular/cli : 8.1.3 @ionic/angular-toolkit : 2.0.0 Utility: cordova-res : not installed native-run : 0.2.8 System: NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe) npm : 6.9.0 OS : Windows 10

No comments:

Post a Comment

Navigation in ionic or redirect in ionic

1.  Redirect as return View in mvc code in .ts       this .router.navigateByUrl( "/rec-view/" +d.Srno,{ skipLocationChange:tru e...