title: How can I send a GraphQL AJAX query with a variable?
body: <p>I am trying to make an API call to GitHub using GraphQL, I have been able to successfully call data with a static graphQL call, however I am having trouble putting a variable (var entry) in my call so that I can change the call based on an input a user would provide in the web app.</p>
  
  <p>I am using AJAX to be able to pass the authorization token. Additionally, the call does not work unless the query is JSON stringified (gets 400 error otherwise).</p>
  
  <p>The JSON Stringify seems to turn the name of the variable 'superQuery' into a string rather than turning the value of 'superQuery' into a string.</p>
  
  <p>How can I send a graphQL query with a variable that can change based on user input?</p>
  
  <p>P.S. Relative noob to web development, apologies for any super obvious mistakes.</p>
  
  <p>Here is what I have so far:</p>
  
  <pre><code>var entry = $('#entry').val()
  
    var superQuery = `{
      repository(name: entry, owner: "******") {
        pullRequests(last: 100) {
          nodes {
            state
            headRepository {
              owner {
               login
              }
             }
            }
           }
          }
         }`
  
  .ajax({
    method: "POST",
    url: "https://api.github.com/graphql",
    contentType: "application/json",
    headers: {
      Authorization: "bearer **********************************"
    },
    data: JSON.stringify({
      query: superQuery
    })
  })
  </code></pre>