Question

我正在尝试使用GraphQL对GitHub进行API调用，我已经能够使用静态graphQL调用成功调用数据，但是我在调用中输入变量（var条目）时遇到问题，这样我就可以更改了该调用基于用户在Web应用程序中提供的输入。

我正在使用AJAX来传递授权令牌。此外，除非查询是JSON字符串化，否则调用不起作用（否则会出现400错误）。

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

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

P.S。任何超级明显的错误，都是网络开发的相对noob。

这是我到目前为止所做的：

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

Answer 2

如果我理解你的问题，我相信你想要做以下事情（假设条目是一个字符串）：

 var superQuery = `query repository($entry: String)
         repository(entry: $entry) {
            pullRequests(last: 100) {
               nodes {
                 state
                 headRepository {
                   owner {
                     login
                    } 
                  } 
                } 
             }
          }`

然后是您的数据：

data: JSON.stringify({
   query: superQuery,
   variables: { entry: entry }
})

如何使用变量发送GraphQL AJAX查询？

2 个答案: