• 03-09-2013, 19:17:49
    #1
    merhaba sitemde ajax kullanıyorum.bir linke tıkladığıda div içinde farklı bir sayfa açılıyor.Sistemde normalde hiç bir sorun yok.ama ilginç olarak o linke üst üste 4 5 kez tıkladığımda ajax çalışmıyor.(firefoxun konsulunda bakıyorum herhangibi bir hata da vermiyor)
  • 03-09-2013, 20:21:23
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Sunucu aynı ip'den gelen istekleri engelliyor olabilir.
    Firefox debugger ile kodunu debug et. Belki bir yerde tıkanıyordur.
  • 03-09-2013, 21:06:09
    #3
    rob33n adlı üyeden alıntı: mesajı görüntüle
    Sunucu aynı ip'den gelen istekleri engelliyor olabilir.
    Firefox debugger ile kodunu debug et. Belki bir yerde tıkanıyordur.
    firefox debugger bir hata oluşturmuyor hocam.sorun hem localde çalışırken hemde web üzerinden çalışırken de oluşuyor.

    ama bir şey fark ettim,ajax açılırken slideDown efetkti verdimdi ondan olabilir mi.çünkü bazen bu efekt yarıda kesiliyor.(yazıların yarısı geliyor sonra açılma duruyor).
    bi çözemedim gitti

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 21:06:09 -->-> Daha önceki mesaj 20:42:29 --

    function oktay(ders){
    	 $('.cevap').show();
    $('.cevap').html('<p align="center">YÜKLENİYOR</p>');
    $.ajax({
    type: 'GET',  //POST ya da GET yöntemi kullanabilirsiniz
      url: 'konuver.asp',
    	data:{ders: ders}, //Sorgu cümlesi
      success: function(data) {
       // alert('Ajax çalıştı.');
                 $('.cevap').hide();
            //     alert(data);
               $('.cevap').html(data);
               $('.cevap').toggle(1500);
      },
                    error:function (xhr, ajaxOptions, thrownError){
                        alert(xhr.status);
                        alert(thrownError);
                    }    
    });
    }
    kullandığım kodlar bunlar.takılma olduğunda konsala $('.cevap').html yazdığımda aslında divin html bilgisi değişmiş.ama ekrana yansımıyor
  • 04-09-2013, 02:12:07
    #4
    Misafir
    Test adresi: http://cssvalley.com/oktay
    İndirme adresi: http://cssvalley.com/oktay.rar


    kodlarınız sorunsuz çalışıyordu birkaç değişiklik yaptım, birden fazla ajax isteği göndermeyi engelledim...



    <meta charset="utf-8" />
    <script type="text/javascript" src="jq.js"></script>
    <style>
    
    
    
    ul.goster {
        border-radius: 3px 3px 3px 3px;
        display: inline-block;
        font: 12px arial;
        left: 20px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 10px;
    }
    ul.goster li {
        background: none repeat scroll 0 0 #62C2E4;
        border-radius: 2px 2px 2px 2px;
        float: left;
    	color:#fff;
        list-style: none outside none;
        margin-right: 6px;
        padding: 3px 12px;
    	cursor:pointer;
    }
    
    ul.goster li:hover {
        background: none repeat scroll 0 0 #aaa;
    	
    	}
    .cevap {
        background: none repeat scroll 0 0 #62C4E3;
        color: #FFFFFF;
        display: inline-block;
        font: 12px arial;
        left: 20px;
        margin-top: 0;
        padding: 10px;
        position: absolute;
        text-shadow: 0 1px 0 #0096E4;
        top: 40px;
        width: 400px;
    }
    
    
    </style>
     <ul class="goster">
    	<li id="matematik" onclick="oktay('matematik')">matematik</li>
    	<li id="tarih" onclick="oktay('tarih')">tarih</li>
    	<li id="fizik" onclick="oktay('fizik')">fizik</li>
    	<li id="olmayan" onclick="oktay('olmayan')">olmayan bir ders</li>
     </ul>
    
    <div class="cevap" style="display:none;" >cevap katmanı</div>
     
    
    <script>
    
    ajax_istek = 1;
    		
    function oktay(ders){
    	$('.cevap').slideDown();
    	$('.cevap').text("yükleniyor");
    
    		if(ajax_istek == 1){
    		// isteği sıfırla veri gelene kadar
    		ajax_istek = 0;
    		
    		// seçili dersin butonlarının arka renklerini göster
    		$("ul.goster li").css({'background-color':'#62C2E4'});					
    		$("#"+ders).css({'background-color':'#aaa'});
    		
    		$.ajax({
    		
    			type: 'GET',  //POST ya da GET yöntemi kullanabilirsiniz
    			url: 'konuver.php',
    			data:{ders: ders}, //Sorgu cümlesi
    			success: function(data) {
    				// alert('Ajax çalıştı.');
    				//$('.cevap').hide();
    				//     alert(data);
    				$('.cevap').html(data);
    				$('.cevap').stop().slideDown();
    					// cevap alındı ajax isteği yapılabilir konumuna geri getir.
    					ajax_istek=1;
    					
    
    			},
    				error:function (xhr, ajaxOptions, thrownError){
    				alert(xhr.status);
    				alert(thrownError);
    			}    
    		}); } 
    	}
    
    </script>


    konuver.php

    <?
    sleep(1);
    // diğer sayfada sonuçların daha iyi izlenebilmesi için 1 saniye geçikmeli yüklesin diye...
    
    
    $ders = $_GET["ders"];
    
    if($ders=='matematik'){
    	echo 'matematik güzeldir aga';
    } else if($ders=='tarih') {
    	echo 'tarih de fena sayılmaz ama ben pek sevmem';
    } else if($ders=='fizik'){
    	echo 'nefretliktir fizik, berbatov ötesidir.';
    } else {
    	echo 'böyle bir ders yoktu ama en iyisi efsane dersler: resim müzik beden ...';
    }
    
    ?>
  • 04-09-2013, 11:10:00
    #5
    teşekkür ederim hocam oldu gibi,şu konuver.php deki sleep(1);
    kod asp de olmadığı için sorun oluyor sadece artık bi do until döngüsü kullanıp yaptım ama sistemi kasarmı oda bilmiyom

    xaqpax adlı üyeden alıntı: mesajı görüntüle
    Test adresi: http://cssvalley.com/oktay
    İndirme adresi: http://cssvalley.com/oktay.rar


    kodlarınız sorunsuz çalışıyordu birkaç değişiklik yaptım, birden fazla ajax isteği göndermeyi engelledim...



    <meta charset="utf-8" />
    <script type="text/javascript" src="jq.js"></script>
    <style>
    
    
    
    ul.goster {
        border-radius: 3px 3px 3px 3px;
        display: inline-block;
        font: 12px arial;
        left: 20px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 10px;
    }
    ul.goster li {
        background: none repeat scroll 0 0 #62C2E4;
        border-radius: 2px 2px 2px 2px;
        float: left;
    	color:#fff;
        list-style: none outside none;
        margin-right: 6px;
        padding: 3px 12px;
    	cursor:pointer;
    }
    
    ul.goster li:hover {
        background: none repeat scroll 0 0 #aaa;
    	
    	}
    .cevap {
        background: none repeat scroll 0 0 #62C4E3;
        color: #FFFFFF;
        display: inline-block;
        font: 12px arial;
        left: 20px;
        margin-top: 0;
        padding: 10px;
        position: absolute;
        text-shadow: 0 1px 0 #0096E4;
        top: 40px;
        width: 400px;
    }
    
    
    </style>
     <ul class="goster">
    	<li id="matematik" onclick="oktay('matematik')">matematik</li>
    	<li id="tarih" onclick="oktay('tarih')">tarih</li>
    	<li id="fizik" onclick="oktay('fizik')">fizik</li>
    	<li id="olmayan" onclick="oktay('olmayan')">olmayan bir ders</li>
     </ul>
    
    <div class="cevap" style="display:none;" >cevap katmanı</div>
     
    
    <script>
    
    ajax_istek = 1;
    		
    function oktay(ders){
    	$('.cevap').slideDown();
    	$('.cevap').text("yükleniyor");
    
    		if(ajax_istek == 1){
    		// isteği sıfırla veri gelene kadar
    		ajax_istek = 0;
    		
    		// seçili dersin butonlarının arka renklerini göster
    		$("ul.goster li").css({'background-color':'#62C2E4'});					
    		$("#"+ders).css({'background-color':'#aaa'});
    		
    		$.ajax({
    		
    			type: 'GET',  //POST ya da GET yöntemi kullanabilirsiniz
    			url: 'konuver.php',
    			data:{ders: ders}, //Sorgu cümlesi
    			success: function(data) {
    				// alert('Ajax çalıştı.');
    				//$('.cevap').hide();
    				//     alert(data);
    				$('.cevap').html(data);
    				$('.cevap').stop().slideDown();
    					// cevap alındı ajax isteği yapılabilir konumuna geri getir.
    					ajax_istek=1;
    					
    
    			},
    				error:function (xhr, ajaxOptions, thrownError){
    				alert(xhr.status);
    				alert(thrownError);
    			}    
    		}); } 
    	}
    
    </script>


    konuver.php

    <?
    sleep(1);
    // diğer sayfada sonuçların daha iyi izlenebilmesi için 1 saniye geçikmeli yüklesin diye...
    
    
    $ders = $_GET["ders"];
    
    if($ders=='matematik'){
    	echo 'matematik güzeldir aga';
    } else if($ders=='tarih') {
    	echo 'tarih de fena sayılmaz ama ben pek sevmem';
    } else if($ders=='fizik'){
    	echo 'nefretliktir fizik, berbatov ötesidir.';
    } else {
    	echo 'böyle bir ders yoktu ama en iyisi efsane dersler: resim müzik beden ...';
    }
    
    ?>
  • 04-09-2013, 18:23:00
    #6
    Misafir
    ASP demosu: http://tunapala2.webng.com/index.html




    konuver.asp


    <% 
    ' isteği 1 saniye geciktir...
    EndTime = Now() + (1 / (24 * 60* 60))  
    Do While Now() < EndTime 
     
    Loop
    
    ' değişkeni al
    ders = Request.Querystring("ders")
    
    ' değişkeni tara bul cevapla
    if ders = "matematik" then
       Response.Write "matematik güzeldir aga."
    elseif ders ="tarih" then
       Response.Write "tarih de fena sayılmaz ama ben pek sevmem."
    elseif ders ="fizik" then
       Response.Write "nefretliktir fizik, berbatov ötesidir."
    elseif ders ="asp" then
       Response.Write "asp ne iğrenç bir dildir."
     elseif ders ="php" then
       Response.Write "php candır hayattır."
    else 
       Response.Write "böyle bir ders yoktu ama en iyisi efsane dersler: resim müzik beden ..."
    End If
    
    %>


    index.html ajax kısmında

    $.ajax({
    type: 'GET',  //POST ya da GET yöntemi kullanabilirsiniz
    url: 'konuver.asp',

    bu bölümü php lisini asp yapın...
    herhangi bir kasma vs söz konusu olmayacaktır.
    • oktayman
    oktayman bunu beğendi.
    1 kişi bunu beğendi.