How to make a POST request, a cry from the heart?

Question

JavaScript

Good afternoon!
I make a request through Angular, the source is installed on a certified server. But it gives this error:

First way

Ошибка:

Код:

var xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://api3.******/');
    xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');


    xhr.responseType = 'json'

    xhr.onload = () => {
      console.log(xhr.response)
    };

    xhr.send(JSON.stringify({
      "login": "******",
      "pass": "*****"
    }));

Second way

Ошибка:

Код:

let headers = { headers: new HttpHeaders({'Content-Type': 'application/json; charset=UTF-8'}) }
    let body = new HttpParams()
    body.set("login", "******")
    body.set("pass", "******")



    this.http.post<any>('https://api3.******',
      body,
      headers
    ).subscribe((data)=>{
      console.log(data)
    })

How to solve this problem and get a response from the server? I've already rummaged through the entire Internet. I already found the answer with CROS and without it, and just didn’t try it, but it doesn’t work in Angular. I already think maybe you need to install the library!

Answer 1

this.http.post(url, {
  login, password
})

nothing more is needed.
You subscribe, the request is sent, json in the body will be automatic.

Answer 2

Set axios, this is the standard for working with requests
, and what do you have in this.http.post
code, do you send a request like this?

Answer 3

Zayuzay fetch, look at what gives.
https://developer.mozilla.org/ru/docs/Web/API/Fetc...

Answer 4

On the client write:

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

export class Твой_класс {

  headers = new HttpHeaders();
  options = { headers: this.headers, withCredintials: false };

  constructor(private http: HttpClient) {}

  post(data: any) {
    this.http.post('https://........./', data, this.options).subscribe(data => {
       console.log('Ответ сервера: ', data); 
       // Затем смотри, что лежит в data, вероятно просто json поломанный приходит.
       // Проверить ответ на корректность можно здесь: http://json.parser.online
    }
  }
}