Ajax using fetch
Ajax using fetch ~20 mins
REST API
1. Get all Users Details
    const url = "http://localhost:8080/api/v1/users";
axios.get(url).then(res=>{
const users = res.data;
console.table(users);
});
2. Get all Users Details for the given role
    const url = "http://localhost:8080/api/v1/users?role=USER";
axios.get(url).then(res=>{
const users = res.data;
console.table(users);
});
3. Get User Detail for the given id
    const id = 1;
const url = "http://localhost:8080/api/v1/users/"+ id ;
axios.get(url).then(res=>{
const user = res.data;
console.log(user);
});
4. Add User Detail
    const userDetail = { name: "Naresh", email:"n@gmail.com" , password:"pass123", role:"USER"};

const url = "http://localhost:8080/api/v1/users";
axios.post(url, userDetail).then(res=>{
let result = res.data;
console.log(result);
});
5. Update User Detail
    const userDetail = { id: 1, name: "Naresh Kumar", email:"n1@gmail.com" , password:"pass1234", role:"USER"};

const url = "http://localhost:8080/api/v1/users/" + userDetail.id;
axios.put(url, userDetail).then(res=>{
let result = res.data;
console.log(result);
});
6. Change Password
    const userDetail = { id: 1, password:"pass1234"};

const url = "http://localhost:8080/api/v1/users/" + userDetail.id;
axios.patch(url, userDetail).then(res=>{
let result = res.data;
console.log(result);
});
6. Delete User detail by id
    const id = 1;
const url = "http://localhost:8080/api/v1/users/" +id;
axios.delete(url).then(res=>{
let result = res.data;
console.log(result);
});
Exception Handling
  axios.get(url).then(res=>{
console.log(res.data);
}).catch(err=>{
console.log(err?.response?.data);
});