GraphQL中的400错误请求

Question

我正在尝试通过带有javascript的表单将新产品插入到grapqhl服务器中的数据库中，并且该产品也应该使用javascript在zonaB中显示，但是我收到错误400错误的请求。有人可以告诉我哪里出了问题 这是html代码

'''

       <form id="formular" action="#" method="POST">
          <label>Numar produs:</label>
          <input type="text" id="nr">   
          <label>Denumire produs:</label>
          <input type="text" id="nume" ><br>
          <label>Categorie produs: </label>
          <input type="text" id="categorie"> <br>
          <label>Descriere: </label>
          <input type="text" id="descriere"><br>
          <label>Imagine:</label>
          <input type="text" id="imagine"><br>
          <label> Pret:</label>
          <input type="text" id="pret"><br>
          <label> Disponibil:</label>
          <input type="text" id="stoc"><br>
          <button onmouseover="insereaza1()"> Insereaza</button>
     </form>
       <script>
     var $id = $('#nr').val()
     var $name = $('#nume').val()
      var $id_categorie = $('#categorie').val()
      var $descriere = $('#descriere').val()
      var $imagine = $('#imagine').val()
      var $pret = $('#pret').val()
      var $stoc = $('#stoc').val()


     function insereaza1() {
             creareProdus={"query":"mutation{createProduct($id:ID!, $name:String, $id_categorie:ID, 
             $descriere:String, $imagine:String, $pret:Float, $stoc:Boolean){createProduct(id:$id, 
             name:$name, category_id:$id_categorie, description:$descriere, picture:$imagine, 
             price:$pret,  available:$stoc){product{id }}}}"}

          setari={url:"http://localhost:3000",
              type:"POST",
              data:creareProdus,
              contentType:"application/json",
              success:vizualizareProdus}
              $.ajax(setari) 
           }
         function vizualizareProdus(){
           var x = document.getElementById("formular").method
          document.getElementById("zonaB").innerHTML = x
         }

       </script>
       </body>
      </html>

'''