如何使用 XMLHttpRequest 从 graphql 服务器获取数据？

Question

如何使用纯 js 而不使用库从 graphql 服务器获取响应？

例如，我如何使用XMLHttpRequest? 查询和 serverUrl 如下：

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

Answer 1

使用POST请求与'Content-Type', 'application/json'

const yourServerUrl = 'http://example.com/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));

来源