Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

WordPress Eklentisiz Ajax Arama

 9 Mesajlar 1.571 Okunma
lstbozum
tr.link

#1
cudjex cudjex ozergul.net Kullanıcı
  • Üyelik 23.11.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek öğrenci
  • Konum İzmir
  • Ad Soyad Ö** G**
  • Mesajlar 1647
  • Beğeniler 347 / 570
  • Ticaret 8, (%100)
Merhaba arkadaşlar.Bu derste sizlere blogunuzda nasıl ajax arama formu oluşturacağınız göstereceğim.Yapımı gayet basittir.2 adımda halledebilirsiniz.
Hemen başlayalım.

1 – sitenin yazılarının taşındığı divi belirleyin.

Her sitede mutlaka yazıların bulunduğu bir div vs vardır.Önce onu tesipt etmeniz gerekiyor.Çünkü load() fonksiyonu sayfa yenilenmeden,istek yapılan sayfadaki belirlenen divi yükleyecek.Sanırım aşağıdaki resim mantığı anlatıyor.


Genellikle bu div,#sol,#left vsdir.Bunu bulmak size kalmış.Gerekirse siz yeni bir div içine alabilirsiniz arama sonuçlarını.

2 – Header.php ye kod ekleme


<script></script>

<script>
$(document).ready( function() {
$('input[name=s]').keyup(function() {
var kelime = $('input[name=s]').val();
var adres = '?s='+kelime;
$.ajax({
type: 'GET',
data: kelime,
success: function(ajaxCevap) {
$('#sol').load(adres+' #sol');
}
});
return false;
});

});
</script>
Gördüğünüz gibi $('#sol').load(adres+' #sol'); şeklinde olan yerde nerenin nereye yükleneceğini belirttik.
Bundan sonra tek yapmanız gereken bileşenlerden arama formunu etkin hale getirip çalışıp çalışmadığını kontrol etmek.

Demo olarak blogumdaki ustteki arama formunu kullanabilirsiniz.

Yazımın kaynağı

Not:emeğe saygı.yazıları (ç)alarken link eklerseniz sizin için de benim için de daha iyi olur.
ErenKeskin Gatmer

kişi bu mesajı beğendi.

ozergul.net/com
wmaraci
reklam

#2
ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)
Anlatım için teşekkürler Özer ama senin blogunda denediğimde ajax işlem görmüyor ve sayfa yenileniyor.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

#3
cudjex cudjex ozergul.net Kullanıcı
  • Üyelik 23.11.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek öğrenci
  • Konum İzmir
  • Ad Soyad Ö** G**
  • Mesajlar 1647
  • Beğeniler 347 / 570
  • Ticaret 8, (%100)
ne demek,ufak bişeyi silmeyi unutmuşum.çalışıyor şimdi.
 

 

ozergul.net/com

#4
AzReTL AzReTL Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 12.06.2012
  • Yaş/Cinsiyet - / E
  • Meslek freelancer
  • Konum
  • Ad Soyad ** **
  • Mesajlar 96
  • Beğeniler 19 / 9
  • Ticaret 0, (%0)
yok hocam çalışmıyor, tarayıcıdan mı? acaba...
 

 

wmaraci
wmaraci

#5
ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)

AzReTL adlı üyeden alıntı

yok hocam çalışmıyor, tarayıcıdan mı? acaba...


Şuan çalışıyor hocam. Ellerine sağlık tekrardan güzel bir çalışma olmuş.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

#6
AzReTL AzReTL Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 12.06.2012
  • Yaş/Cinsiyet - / E
  • Meslek freelancer
  • Konum
  • Ad Soyad ** **
  • Mesajlar 96
  • Beğeniler 19 / 9
  • Ticaret 0, (%0)
he tamam, bende arama kısmının altında çıkacak mı? diye bakıyorum :) arama sonuçlarını ajax ile yapıyomuş, jeton biraz geç düştü, ayrıca ders için teşekkürler...
cudjex

kişi bu mesajı beğendi.

#7
cudjex cudjex ozergul.net Kullanıcı
  • Üyelik 23.11.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek öğrenci
  • Konum İzmir
  • Ad Soyad Ö** G**
  • Mesajlar 1647
  • Beğeniler 347 / 570
  • Ticaret 8, (%100)
Hehe bu autocomplete denen olay değil direkt sayfa yenilenmeden veri çekimi :)
 

 

ozergul.net/com

#8
ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)
AutoComplete olayı sunucu eğer çok hızlı değil ise aşırı yüklemeye sebep olur ve bu yüzden de site son derece yavaşlar. O yüzden ben hiç önermem böyle bir şeyi :)
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

#9
AzReTL AzReTL Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 12.06.2012
  • Yaş/Cinsiyet - / E
  • Meslek freelancer
  • Konum
  • Ad Soyad ** **
  • Mesajlar 96
  • Beğeniler 19 / 9
  • Ticaret 0, (%0)
autocompleteyi ajax ile yapınca pek yormuyo, denemiştim 1 2 kere.
 

 

Site Adresi yardım.
otomatik öne cıkarılmış resim yapma
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al