Birden Fazla Form Gönderme Hakkında

23-02-2013, 18:18:15

Arkadaşlar merhaba Jquery ile seyfa yenilenmeden form göndermeye çalışıyorum bir kod buldum güzelde çalışıyor fakat sayfamda birden fazla form kullanamadım bunu nasıl yapabilirim? kodlarım aşağıdaki gibidir yardımlarınızı bekliyorm

JS

function loadingAjax(div_id)
{
        $("#"+div_id).html('<img src="loading.gif"> saving...');
        $.ajax({
                type: "POST",
                url: "kayit.php",
                data: $('#veriformu').serialize(),
                success: function(msg){
                        $("#"+div_id).html(msg);
                }
        });



       $.ajax({
                type: "POST",
                url: "yukle.php",
                data: $('#veriformu2').serialize(),
                success: function(msg){
                        $("#"+div_id).html(msg);
                }
        });

}

PHP

<form id="veriformu">
<input name="url" />
<input type="button" onclick="loadingAjax('myDiv');" value="Bilgileri Al" class="button"  />
</form>
<div id="myDiv" style="margin-top:-25px;"></div>


<br>-------------------------------------------------<br>

<form id="veriformu2">
<input name="url" />
<input type="button" onclick="loadingAjax('myDiv');" value="Bilgileri Al" class="button"  />
</form>
<div id="myDiv" style="margin-top:-25px;"></div>

23-02-2013, 19:50:57

#2

erkutadakli

Onclick Olayında Tek Bir fonksiyon Tetikleniyor 2 ajax işlemini yapıyor.

<html>
<head>
	<title></title>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#veriformu .button').click(function(){

			 $.ajax({
                type: "POST",
                url: "yukle.php",
                data: $('#veriformu').serialize(),
                success: function(msg){
                       alert(msg);
                }
        });


		});


		$('#veriformu2 .button').click(function(){

			 $.ajax({
                type: "POST",
                url: "yukle.php",
                data: $('#veriformu').serialize(),
                success: function(msg){
                       alert(msg);
                }
        });


		});
	})
</script>
<body>

<form id="veriformu">
<input name="url" type="text" />
<input type="button" value="Bilgileri Al" class="button"  />
</form>
<form id="veriformu2">
<input name="url" />
<input type="button" value="Bilgileri Al" class="button"  />
</form>

<div class="cevap"></div>
</body>
</html

Şöyle Bir deneyin.

23-02-2013, 21:20:40

#3

FATIH_999

bu şekilde gönderiyor hocam çok teşekkürler fakat bu yükleniyor kısmını nasıl entegre edebilirim sonucu pencerede değilde hemen altlarına yazmasını nasıl sağlanabilir yükleniyorda şöyle bir kod vardı

$("#"+div_id).html('<img src="loading.gif"> saving...');

23-02-2013, 21:35:56

#4

erkutadakli

<html>
<head>
	<title></title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.cevap1').hide();
		$('#veriformu .button').click(function(){
			$('.cevap1').slideDown();
			 $.ajax({
                type: "POST",
                url: "yukle.php",
                data: $('#veriformu').serialize(),
                success: function(msg){
                      $('.cevap1').html(msg);
                }
        });


		});

		$('.cevap2').hide();
		$('#veriformu2 .button').click(function(){
			$('.cevap2').slideDown();
			 $.ajax({
                type: "POST",
                url: "yukle.php",
                data: $('#veriformu').serialize(),
                success: function(msg){
                       $('.cevap2').html(msg);
                }

        });


		});
	})
</script>
<body>

<form id="veriformu">
<input name="url" type="text" />
<input type="button" value="Bilgileri Al" class="button"  />
</form>
<div class="cevap1">Yükleniyor</div>
<form id="veriformu2">
<input name="url" />
<input type="button" value="Bilgileri Al" class="button"  />
</form>

<div class="cevap2">Yükleniyor</div>
</body>
</html

Buyrun Hocam php Sayfasının Başınada sleep(2); eklerseniz yükleniyor yazısını görebilirsiniz.

23-02-2013, 21:40:14

#5

FATIH_999

çok teşekkür ederim süper oldu