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
