ajax kullanırken ilginç bi sorunum var?
5
●720
- 03-09-2013, 21:06:09firefox debugger bir hata oluşturmuyor hocam.sorun hem localde çalışırken hemde web üzerinden çalışırken de oluşuyor.rob33n adlı üyeden alıntı: mesajı görüntüle
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:07MisafirTest 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:00teş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 - 04-09-2013, 18:23:00MisafirASP 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.