Ajax onsubmit ile post atma

Eylül 19, 2008 | In: Salata

KAYDET.HTML içeriği

1
2
3
4
5
6
7
8
9
10
11
12

<script type="text/javascript" src="http://www.denetimasasi.com/js/eyceks.js"></script>
<script type="text/javascript">
function aho(id) {
return document.getElementById(id)
}
function saho(durum) {
var adi = aho('adi').value
var aciklama = aho('aciklama').value
if(durum=='dursun') { aho('form').style.display="none" }
return JXP(1, 'islem', "kaydet.php", "adi="+adi+"&aciklama="+aciklama)
}
</script>

1
2
3
4
5
6
7
8
9
10

<div id="form">
<form action="kaydet.php" method="post" onsubmit="return false;">
<input type="text" name="adi" id="adi"><br>
<input type="text" name="aciklama" id="aciklama"><br>
<input type="submit" name="Ekle" onclick="saho('dursun');return false;">
</form>
</div>
<div id="islem"></div>

[/div]

KAYDET.PHP içeriği

1
2
3
4
5
6
7

<?php
print_r($_POST);
echo"eklendi";

//muhtelif sql - into , fwrite kodlarınız

?>

gibi oldukça basit bir yolla ajax ile sayfayı post edebilirsiniz

return JXP(1, ‘islem’, “kaydet.php”, “adi=”+adi+”&aciklama=”+aciklama)

burada argüman dizilişi jxp fonksiyonu için loading = 1 | 0 ,gelen sonucun basılacagı id, dosyaadresi,veri diye

sıralanmakta

örnekler

www.saho.in/samples/kaydet.html

not: saho(’dursun’) gönderilen formun durumunu belirtmekte saho(0) diye kullanırsanız form kaybolmaz submit olunca form

Paylaş ve HalayÇek: These icons link to social bookmarking sites where readers can share and discover new web pages.

Comment Form