Allows to debug GraphQL queries with jQuery AJAX in Crome console.

jquery-ajax-debug-graphql-request.js

let query = `
query {
  someQuery {
    id
    title
    body
  }
}
`;

let variables = {

};

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://example.com/graphql",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json",
    "Authorization": "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE1NTI1ODEzNzMsImV4cCI6MTU1MjU4NDk3MywidWlkIjoiNzkiLCJkcnVwYWwiOnsidWlkIjoiNzkifX0.jAl7wRZi6fQr-45DQPMJocrc8xz_1ORQK97R0mb2alM",
    "cache-control": "no-cache"
  },
  "data": JSON.stringify({query, variables})
}

jQuery.ajax(settings).done(function (response) {
  console.log(response);
});