jQuery простая отправка формы без перезагрузки

Question

Может ли кто-нибудь предоставить мне самый простой код для отправки формы с помощью jquery. В сети есть все виды гизмо кодирования.

Answer 1

$('#your_form_id').submit(function(){
  var dataString = $("#your_form_id").serialize();

  $.ajax({  
    type: "POST",  
    url: "submit.php",  
    data: dataString,  
    success: function() {  
      alert('Sent!');
    }  
  });

  return false;
});

Answer 2

вот еще одно решение, не такое простое, как плагин Jquery Form, но оно может быть полезно, если вы хотите обрабатывать коды ошибок и сообщения самостоятельно

посмотрите на этот пример HTML + Javascript:

    <div>
      <form method="post" id="fm-form" action ="">
      <label>Name:</label>
          <input type="text" id="fm-name" name="fm-name" value="" />
          <label>Email:</label>
          <input type="text" id="fm-email" name="fm-email" value="" />
          <label>Birthdate:</label>
          <input type="text" id="fm-birthdate" name="fm-birthdate" value="" />

          <input type="submit" id="fm-submit" value="Save it">
      </form>
    </div>


<script type="text/javascript">
$(function() {

  // disable the form submission
  $("#fm-form").submit(function () { return false; });

  // post the datas to "submit_form.php"
  $("#fm-submit").click(function() {
  $.post("/ajax/submit_form.php",
      { 'fm-name':$("#fm-name").val(),
      'fm-email':$("#fm-email").val(),
      'fm-birthdate':$("#fm-birthdate").val()
      }
      ,function(xml) {
        // submit_form.php will return an XML or JSON document
      // check it for potential errors
      });
  });

});
</script>

Answer 3

Взгляните на плагин Form :

$(function() {
    $('#myForm').ajaxForm(function() { 
        alert("Thank you for your comment!"); 
    }); 
});

Answer 4

То, что вы хотите, это плагин jquery form . Он позволяет вам просто отправлять обычную «форму» с помощью ajax - вы можете создать невидимую форму и использовать этот плагин для ее отправки. Вариант в ответе Джоэла также возможен, он зависит от сложности того, что вы хотите отправить.