Question

0

81

Views

How I can output data from request on my SPA using native XMLHttpRequest?

I have a conditional html page and a conditional api.

GET request for user data in my api looks like this:

URL: {host}/user
Method: GET

Headers
- Content-Type: application/json
- Authorization: Bearer {token}

And the response:

Status: 200
Content-Type: application/json
Body:
{
    "first_name": "Ivan",
    "last_name": "Ivanov",
    "phone": "89001234567",
    "document_number": "1224567890"
}

How I can send the requests and output response data using XMLHttpRequest?

I try to use xhr.response() and it's work good, but when I try to xhr.response()['first_name'] it don't work properly

about 4 years ago · Juan Pablo Isaza

2 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-04T02:08:42.404Z

I see two options given you have native JavaScript and jQuery available

The Fetch API

Or the older "standard" of jQuery.

$.ajax({url: "demo_test.txt", success: function(result){
    $("#div1").html(result);
  }});

Answer 2 · 2022-07-04T02:08:42.412Z

The solution was very simple.

Standart output of xhr.response(), where xhr = new XMLHTTPRequest(); not a JSON, so I need to put xhr.responseType = 'json' before xhr.open('POST', url)

0

81

How I can output data from request on my SPA using native XMLHttpRequest?

2 answers

0

0

Find remote jobs

Andres GPT