Sayfa yenilenmeden post işlemi nasıl? - Sayfa 2

16-09-2009, 11:06:57

#10

Jquery en kolay ve en hızlı çözüm olacaktır.

jquery ve http://www.cnylmz.net/dosyalar/jquery.form.js bu eklentiyi indir,

geriye yapman gereken tek şey
$("#form_id").ajaxForm({
target: "#sonucun_yazacagi_div_id"
});
satırlarını eklemek olacak. bunu alt alta yapabilirsin. Mesela 10 form vardır, 10 ayrı div e yazılır.
$("#form_1").ajaxForm({
target: "#sonucun_yazacagi_div_1"
});
$("#form_2").ajaxForm({
target: "#sonucun_yazacagi_div_2"
});
$("#form_3").ajaxForm({
target: "#sonucun_yazacagi_div_3"
});

satırlarını eklemek olur

16-09-2009, 11:28:01

#11

cocainer

teşekkürler deniyim peki form oluşturdugumuzda action olucakmı yoksa onclick ilemi halledicez? çalışır bir örnek görebilirmiyim acaba?

16-09-2009, 11:34:38

#12

Seyranli

sen normal formunu yapacaksın, hiç ajax yokmuş gibi.

<form action="yaz.php" method="post" id="denemeformu">
<input type="text" name="deneme"><br />
<input type="submit value="Dene"></form>

bir de yaz.php den gelen sonucun yazılacağı bir div ekliyoruz.

<div id="sonuc"> </div>

şimdi de scriptini

$("#denemeformu").ajaxForm({
target: "#sonuc"
});

hepsi bu kadar gerisini kendi hallediyor. Ama yko action falan olmasın, onu ben onclicke yapar gibi yapayım dersen,
$("#denemeformu").ajaxForm({
target: "#sonuc"
});
yerine
$("#denemeformu").ajaxForm({
target: "#sonuc",
url: "yaz.php"
});

kullanman yeterlidir.

16-09-2009, 11:43:32

#13

cocainer

Yine sorun yaşıyorum anlamadım niye olmuyor kodları ekliyorum zahmet olmazsa sizde dener misiniz?
index.php;

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.form.js"></script>  
<script type="text/javascript">
$("#denemeformu").ajaxForm({
target: "#sonuc"
}); 
</script>
</head>
<body>
<form action="yaz.php" method="post" id="denemeformu">
<input type="text" name="deneme"><input type="submit" value="Dene">
</form>
<div id="sonuc"> </div>
</body>
</html>

yaz.php;

<?php
echo $_POST["deneme"];
?>

ana dizindede verdiğiniz jquery.form.js mevcut.

16-09-2009, 11:45:43

#14

NiZZo_

Eposta Aktivasyonu Gerekmekte

@Seyranli
Şöyle birşeyi nasıl yapacağız jquery ile.

Çözemedim gitti şu mereti.
https://www.r10.net/1059454373-post4.html

16-09-2009, 11:47:18

#15

Seyranli

bir de jquery gerekiyor
<script type="text/javascript" src="jquery.form.js"></script>

satırının üstüne

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

eklerseniz tamamdır.

16-09-2009, 11:54:18

#16

cocainer

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

@Seyranli
Şöyle birşeyi nasıl yapacağız jquery ile.
Çözemedim gitti şu mereti.
https://www.r10.net/1059454373-post4.html

neyse

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

bir de jquery gerekiyor
<script type="text/javascript" src="jquery.form.js"></script>
satırının üstüne
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
eklerseniz tamamdır.

maalesef yine olmadı

ekledim onu ama yine sayfa yenilenip yaz.php ye gidiyor. :s

16-09-2009, 12:06:16

#17

NiZZo_

Eposta Aktivasyonu Gerekmekte

Kardeş yeni konu açmak istemedim imalı konuşmaya ne gerek var aynı sorundan muzdariptim ve sordum.Konu dışı birşey olsa zaten karışmam.

<script type="text/javascript">
$("form#form1").ajaxForm({
target: "#sonuc"
});
</script>

Bu kısmı formun altına alıp dene sorun çözülüyor.

@Seyranlı çok teşekkürler bu arada

16-09-2009, 12:08:21

#18

Seyranli

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>  
</head>
<body>
<form action="yaz.php" method="post" id="denemeformu">
<input type="text" name="deneme"><input type="submit" value="Dene">
</form>
<div id="sonuc"> </div>
<script type="text/javascript">
$("#denemeformu").ajaxForm({
target: "#sonuc"
}); 
</script>
</body>
</html>

veya

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>  
<script type="text/javascript">
$(document).ready(function() {
$("#denemeformu").ajaxForm({
target: "#sonuc"
}); 
}); 
</script>
</head>
<body>
<form action="yaz.php" method="post" id="denemeformu">
<input type="text" name="deneme"><input type="submit" value="Dene">
</form>
<div id="sonuc"> </div>
</body>
</html>

olarak deneyin