jquery - 如何发送带有变量的 GraphQL AJAX 查询？

Question

我正在尝试使用 GraphQL 对 GitHub 进行 API 调用，我已经能够使用静态 graphQL 调用成功调用数据，但是我在调​​用中放置变量(var 条目)时遇到问题，以便我可以更改基于用户在网络应用中提供的输入的调用。

我使用 AJAX 来传递授权 token 。此外，除非查询是 JSON 字符串化的，否则调用不起作用(否则会收到 400 错误)。

JSON Stringify 似乎将变量“superQuery”的名称转换为字符串，而不是将“superQuery”的值转换为字符串。

如何发送带有可根据用户输入更改的变量的 graphQL 查询？

附注对于 Web 开发相对菜鸟，对于任何非常明显的错误表示歉意。

这是我到目前为止所拥有的:

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
  })
})

Answer 1

对于遇到同样问题的人，以下是我最终让它工作时的代码:

      $('button').click(function() {
      event.preventDefault();
      var entry = $('#entry').val()
      console.log(entry);


      $.ajax({
          method: "POST",
          url: "https://api.github.com/graphql",
          contentType: "application/json",
          headers: {
            Authorization: "bearer ***********"
          },
          data: JSON.stringify({
            query: `
              query ($entry: String!) {
                repository(name: $entry, owner: "*******") {
                  pullRequests(last: 100) {
                    nodes {
                      state
                      headRepository {
                        owner {
                          login
                        }
                      }
                    }
                  }
                }
              }
            `,
            variables: { "entry": $('#entry').val() },
        }),
    })