Ошибка Ajax при обертке данных в форме

Question

Я новичок в использовании Ajax и пытаюсь получить данные, представленные в форме, используя следующий код.

<div> 

    <p> <label for="name">Full Name:</label>  
    <input type="text" name="name" required/></p> 
    <br /> 

    <p><label for="email">Email:</label>  
    <input type="text" name="email" required/></p> 
    <br /> 

    <p><label for="id">id:</label> 
    <input type="text" name="id" value="<?php echo($id); ?>" required/></p> 
    <br /> 

    <p><label for="phone">Phone:</label>  
    <input type="text" name="phone" /></p> 
    <br /> 

    <p><label for="phone">Message:</label> 
    <textarea required></textarea></p> 

    <button onclick="myCall()" type="submit">Submit</button> 
    <div id="mybox"> 
     Answer: 
    </div> 

</div> 

JQuery

<script> 

    function myCall() { 
     var request = $.ajax({ 
      url: "processor.php", 
      type: "GET",    
      dataType: "html" 
     }); 

     request.done(function(msg) { 
      $("#mybox").html(msg);   
     }); 

     request.fail(function(jqXHR, textStatus) { 
      alert("Request failed: " + textStatus); 
     }); 
    } 
</script> 

И это прекрасно работает, когда просто повторив тестовое сообщение, однако данные формы не передаются, как это, очевидно, нужно оборачивать в виде тега, когда я делаю это я получаю появляется следующая ошибка.

Request failed: error 

HTML, с формой тега:

<form class="claim" method="get" id="contact"> 
      <div> 

     <p> <label for="name">Full Name:</label> 
      <input type="text" name="name" required/></p> 
      <br /> 

      <p><label for="email">Email:</label> 
      <input type="text" name="email" required/></p> 
      <br /> 

      <p><label for="id">id:</label> 
      <input type="text" name="id" value="<?php echo($id); ?>" required/></p> 
      <br /> 

      <p><label for="phone">Phone:</label>  
      <input type="text" name="phone" /></p> 
      <br /> 

      <p><label for="phone">Message:</label> 
      <textarea required></textarea></p> 

      <button onclick="myCall()" type="submit">Submit</button> 
      <div id="mybox"> 
      Answer: 
     </div> 
      </div> 
     </form> 

, а затем обновления страницы, представившим форму - я-то здесь отсутствует?

Я уверен, что это простая вещь, мы все должны начать с чего-то! Заранее спасибо за вашу помощь.

Answer 1

Вы не передадите данные по вашему запросу. Добавьте свой тэг формы обратно и сериализовать его в вызове, например:

function myCall() { 
    var request = $.ajax({ 
     url: "processor.php", 
     type: "GET",  
     data: $("#contact").serialize(),  
     dataType: "html" 
    });