How I can get response from graphql server using pure js without libraries?

For example how I can do that using XMLHttpRequest? Query and serverUrl are below:

const serverUrl = '/'
const query = {
    query: `{
        viewer {
            date
        }
    }`
};

How I can get response from graphql server using pure js without libraries?

For example how I can do that using XMLHttpRequest? Query and serverUrl are below:

const serverUrl = 'http://example./graphql/'
const query = {
    query: `{
        viewer {
            date
        }
    }`
};

• javascript
• graphql

Share Improve this question Follow asked Aug 30, 2019 at 5:52 Arseniy-IIArseniy-II 9,25555 gold badges2727 silver badges5151 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Use POST request with 'Content-Type', 'application/json'

const yourServerUrl = 'http://example./graphql'
const yourQuery = {
    query: `{
        users {
            firstName
        }
    }`
};

// below ordinary XHR request with console.log
const xhr = new XMLHttpRequest();
xhr.responseType = 'json';
xhr.open('POST', yourServerUrl);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function () {
    console.log('data returned:', xhr.response);
};

xhr.send(JSON.stringify(yourQuery));

source