Etiket arşivi: form elemanları

Jquery ile form elemanları ve ajax

Merhabalar bu makalemde de, form submit olaylarını ve tüm form elemanları datalarını çekme işlemlerinden bahsedeceğim,

$(‘#form1′).submit(function() {

return false;

});

form submit yakalamak için event return false yazar isek, formun  durmasını sağlıyor

if($(“#pc”).attr(“checked”)==false){
var $pc = “yok”;
}else{
var $pc = “var”;
}

checked box dan seçilimi değil mi diye veriyi aldık,

var $radyo = $(“input:radio[name=RadioGroup1]:checked”).val();

radyo formdan veriyi aldık,

$.ajax({
type: “POST”, //veri gönderme tipi post get vs
url: “http://localhost/test.php”, // php
data: “adi=”+$adi+”&pc=”+$pc+”&cinsiyet=”+$cinsiyet+”&radyo=”+$radyo+”&gorusleri=”+$gorusleri+”&esktraveri=’anamm oldu'”, //datalar
success: function($phpgelen){
$(“#donenveri”).html($phpgelen); //sonucu dönen verisi div in içine güncelliyecek,
}
});

ajax ile veriyi gönderdik,

örnek için

http://www.mehmetmutlu.com.tr/script/jqueryveajaxformelemanlari/Untitled-1.html

php kaynak kodu için

http://www.mehmetmutlu.com.tr/script/jqueryveajaxformelemanlari/test.phps