ajax post ile ilgili acil yardım :(

24-01-2014, 22:14:28

merhaba kolay gelsin arkadaşlar,

ajaxda yeni sayılırım bi bulamadım

şimdi form bu olsun

<input type="text" name="user2" id="veri">
<input type="text" name="user" id="veri2">
<input id="add" type="submit" onclick="javascript:gonder()" value="Gönder">

ajax javascript kodları bu

function gonder() {
//$('#sonuc').html('Form gönderiliyor. Lütfen bekleyiniz.');
$('#yazdir').slideDown('slow'); 
$("#yazdir").html('<div id=resim><center><img src="http://i45.tinypic.com/wk35ex.gif"></center></div>'); 
jQuery.ajax({
type: 'POST',//Bu kısım POST ve GET değerlerinden birini alabilir
url: './echo.php',//Verinin gönderileceği sayfa
data: {$('#veri').serialize() & $('#veri2').serialize()},
error:function(){ $('#yazdir').html("Bir hata algılandı."); }, //Hata alınırsa ekrana bastırılacak veri
success: function(veri) { $('#yazdir').html(veri);}//Başarılı olursa ekrana bastırılacak veri
});
}

<form> kullanmadan en direk iki input verisini nasıl post ederim?

24-01-2014, 22:18:45

#2

frdtrkc

Inputlara girilen değerleri $('#veri').val() şeklinde alabilirsin. Yalnız neden <form> kullanmak istemiyorsun?

24-01-2014, 22:31:00

#3

CodeS

frdtrkc adlı üyeden alıntı: mesajı görüntüle

Inputlara girilen değerleri $('#veri').val() şeklinde alabilirsin. Yalnız neden <form> kullanmak istemiyorsun?

ana bir form olacak ama ana form dışındada ayrı form içindeki bazılarını toplu yerine tekde eklemek isteyecek o yüzden

success: function(veri) { $('#yazdir').html(veri);}//Başarılı olursa ekrana

veri yazdığım yerde sıkıntı var sanırım yine çalıştıramadım

<script type="text/javascript">
function gonder() {
//$('#sonuc').html('Form gönderiliyor. Lütfen bekleyiniz.');
$('#yazdir').slideDown('slow'); 
$("#yazdir").html('<div id=resim><center><img src="http://i45.tinypic.com/wk35ex.gif"></center></div>'); 
var veri1 = ('#veri2').val();
var veri2 = ('#veri').val();
jQuery.ajax({
type: 'POST',//Bu kısım POST ve GET değerlerinden birini alabilir
url: './echo.php',//Verinin gönderileceği sayfa
data: {'user2':' + veri2+ ', 'data3':' + veri1+ '},
error:function(){ $('#yazdir').html("Bir hata algılandı."); }, //Hata alınırsa ekrana bastırılacak veri
success: function(veri) { $('#yazdir').html(veri);}//Başarılı olursa ekrana bastırılacak veri
});
}
</script>
<input type="text" name="user2" id="veri">
<input type="text" name="user" id="veri2">
<input id="add" type="submit" onclick="javascript:gonder()" value="Gönder">

24-01-2014, 22:39:12

#4

frdtrkc

Data kısmını düzenlersen çalışır.

24-01-2014, 22:45:59

#5

CodeS

frdtrkc adlı üyeden alıntı: mesajı görüntüle

Data kısmını düzenlersen çalışır.

kısaca düzenleyebilirmisiniz 2-3 farklı şekilde yazdım ama yok olmadı

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 22:45:59 -->-> Daha önceki mesaj 22:40:58 --

farklı bir yerde bulduğum örnekle hallettim işimi

<html>
<head>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
   <script>
      function uygula() {
         verim1 = $('input[name="veri1"]').val();
		 verim2 = $('input[name="veri2"]').val();
         $.post('echo.php', {veri1: verim1, veri2: verim2}, function (gelen_cevap) {
            $('.cevap').html(gelen_cevap);
         });
      }
   </script>
</head>
<body>
   <div class="cevap"></div>
   <input type="text" name="veri1" /><br/>
   <input type="text" name="veri2" /><br/>
   <input type="button" value="Gönder" onclick="uygula()" />
</body>
</html>