Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Jquery Sayfalama

Arkadaş merhaba, öncelikle jquery hakkında pek fazla bilgim yok istediğim internethaber.com daki En çok okunanlar kısmındaki o sayfalama 1 2 3 4 5 burada otomatik sayfa yenilenmeden ile sayfalama yapılmış arkadaşlar bu sayfalamayı nasıl ve hangi yöntemlerle yapabilirim ? Şimdiden Teşekkürler :)
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • 1
    HaylazNef adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    38 cevap - 14 soru
    Merhaba hocam bunuun 2 yönü var bir php dosyası 2. olarak javascript kodları.

    php.dosyası:
    <?php
    //Hocamburada sayfalama şeklinde getireceğiniz verileri çekeceğiz mesela bir sayfalamada 10 tane veri olduğunu düşünürsek yapacağınız sorguyla bu sayfalamayı halledebilirsiniz. Mesela Sorgu şu şekilde olabilir. burada limit kullanacağız ve jqery ile javascript kodlarındada göreceksiniz sayfa numaralarını göndereceğiz. Örneğin sayfa numaralarını post metoduyla ve sayfa_no keyi ile gönderdik
    $başlangic=10*$_POST['sayfa_no']-9
     //neden dokuz çüünkü mesela sayfa_no 1 ise 1. kayıttan başlicaz sayfa no 2 ise 11. kayıttan başlicaaz.
    $auery="$select * from ürünler limit ".$baslangic.",10";
    
    işemi bu sorgula yapıp gelen veriyi burada geerekli şekilde divlerle düzenlerseniz yani nasıl görünmesini istiyorsanız burada düzenleyip tüm veriyi echo ile yazdırdığınız zaman buradaki veri javascript kodlarında yapacağımız işlemler sayesinde sayfa yenilenmeden isteiğiniz sayfaya ulaşacaktır.
    ?>
    


    javascript dosyası:
    $(document).ready(function() //Burası sayfa yüklenince içine yazacağımı kodu aktif hale geitir
    {
          $('link yada buton id yada class').click(function() bu tıklanan sayfa numaraları için yazılmıştır yani hangi sayfa numarasına tıklarsan tıkla bu evetn çalışacak şekilde ayarlamak için sayfa numaralarının id veya class isimlerini yazmak gerekir.
           {
                  $.ajax({
                    type:"POST",
                    url:"verinin getirileceği php doyası örn ajax/ajax.php yukarıda yazdığımız php dosyasının yolu ve adı",
                    data:'sayfa_no='+String($this).attr('alt');   // burası önemli hangi sayfa noya tıkladıysak o numarayı göndermek gerekecek işte o nedenle o durumda ki html yapımız önemli olacaktır. mesela ben genelde alt propertiesini bu gibi işlemler için kullanırım yani tıkladığım li tagının alt adlı parametresi sayfa numarasıyla aynbı olur ve o numarayı çekmek basit olur. Biz tıkladığımız sayfanın verisini almak için şu yolu izleyeciğiz alt şekilnde bir propertyle çalıştıysanız. String($(this).attr('alt')); stringe çevirmeniz giden verirnin selamti açısından gereklidir. bunu data yapısında data kısmında kullandığım gibi kullanırsınız. ögrdüğünüz gibi post metoduyla sayfa_no keyi ile gönderdik veriyi
                    success:function(response)
                             {
                                        ///ajax işlemi başarılı olunca yazdığımız php den gelen bilgi response     
                                       //parametresiyle gelir.
                                       //Burada gelen cevabı nereye koyacaksan mesela icerik id li bir dive
                                      $('#icerik').html(response);
                              }
                  })
           });
    });
    
    

    elimden geldiğince anlatmaya çalıştım biraz karışmış olabilir
    • HaylazNef adlı üyenin fotoğrafı HaylazNef
      php dosyasında tanımladığım baslangic değişkenini ilk tanımlamada yanlış tanımlamışım türkçe karakter kullanmışım farkında olmadan :)
      9 yıl önce yazılmış

Cevaplar