AJAX ve jQuery kullanarak formu gönderin

Question

Bu, birkaç satırdan daha fazla kod gerektirmeden jQuery'ye yerleşik bir şey olmalı gibi görünüyor, ancak "basit" çözümü bulamıyorum. Birisi seçme alanını değiştirdiğinde

<form method="get" action="page.html"> 
    <input type="hidden" name="field1" value="value1" /> 
    <input type="hidden" name="field2" value="value2" /> 
    <select name="status"> 
     <option value=""></option> 
     <option value="good">Good</option> 
     <option value="bad">Bad</option> 
    </select> 
</form> 

, ben veritabanını güncellemek için ajax kullanarak formu göndermek istiyorum: Demek, bir HTML formu var. Ben eksik

$("select").change(function(){ 
    $.get("page.html?" + serializeForm()); 
}); 

: Onlara sadece gibi tüm, gönderebilir elle değerler/özelliklerini yaratmadan aşağıdakileri yapmak için bir yolu var olacağını düşündüm?

Answer 1

Bu, işe yaramadı.

$("select").change(function(){ 
    $.get("/page.html?" + $(this).parent("form").find(":input").serialize()); 
}); 

Answer 2

Bir HTML formu uyumsuz olarak göndermenizi sağlayan güzel bir form plugin var.

$(document).ready(function() { 
    var form = $('#my_awesome_form'); 

    form.find('select:first').change(function() { 
    $.ajax({ 
     type: "POST", 
     url: form.attr('action'), 
     data: form.serialize(), 
     success: function(response) { 
     console.log(response); 
     } 
    }); 
    }); 

}); 

Yani bu kod .serialize() kullanır:

$(document).ready(function() { 
    $('#myForm1').ajaxForm(); 
}); 

veya

$("select").change(function(){ 
    $('#myForm1').ajaxSubmit(); 
}); 

sonra böyle bir kodu kullanın formu bir id niteliğini vermek formu hemen

Answer 3

İlk göndermek için İlgili verileri formdan çıkarmak. Ayrıca, ilgilendiğiniz seçimlerin formdaki ilk olduğunu varsayar.

İleride referans olması için jQuery docs çok iyi.