Asp de ajax ile arama işlemi nasıl yapılır

admin — Thu, 16 Dec 2010 21:31:54 +0000

Evet arkadaşlar bu dersimizde daha asp’de ajax ile arama yapma tekniğini örneceğiz.İlk önce tasarım sayfamızı yapalım.Sonra arama yapacağımız sayfa
ve baglanti sayfamız artık kodlamaya geçelim seslerini duyar gibiyim sizleri daha fazla sabırsızlatmadan başlıyorum.
Default.asp



			
		RIZA soylu Ajax Arama Uygulaması
		
		
		
	


		
	



		 ARA:

Evet arkadaşlar en başta java dosyamızı çağırdık.Evet asıl bomba bu dosya içinde ajax kodlamız bu dosya içinde arkadaşlar sakın karıştırmayalım ajax bir kodlama dili değildir.Xml ve JavaScrpit’in beraber kullanılmasıyla oluşan bir teknik!Bir input oluşturduk bunun id’sini ve adını uara yaptık burda id’si çok önemli çünkü aramamız inputun adına id’sine ve değerine göre yapılıyor.
Evet onkeyup=”lookup(this.value);” ile ajaxımızı inputumuza tetikledik.
Şİmdi ise sonucumuzu yazdıracağımız sutunumuzu ve onun içine bu sonuçları görüntüleyecek bir form ekledim ben sutunumuzun id’sini sonuc yaptım.Form id’mizide searchform yaptım sizin istediğinize bağlı dilediğiniz adı yazabilirsiniz.Fakat bu değişiklikleri java dosyamızdada yapmanız gerekmektedir.Aksi Takdirde Arama Çalışmaz.Neyse Fazla Uzatmadan baglanti
sayfamızdanda Bahsedelim.
inc.asp

<%
'RIZA SOYLU AJAX ARAMA SİSTEMİ
FİLMMOLASİ.COM'DA EN GÜNCEL VE EN GÜZEL FİLMLER
BURDA
%>
<%
Set kon = CreateObject("ADODB.Connection")
Set rs = server. CreateObject("ADODB.Recordset")
kon.Open ("DRIVER={Microsoft Access Driver (*.mdb)};DBQ="& Server.MapPath("data.mdb"))
Session.LCID = 1055
%>

Daha Sonrada Arama işleminin Yapılacağı Sayfamıza
search.asp




<%
	Function TR(strGelen)
		TR = Replace(strGelen, "İ", "i")
		TR = Replace(TR, "ı", "i")
		TR = Replace(TR, "ç", "c")
		TR = Replace(TR, "Ç", "C")
		TR = Replace(TR, "ş", "s")
		TR = Replace(TR, "Ş", "S")
		TR = Replace(TR, "ü", "u")
		TR = Replace(TR, "Ü", "U")
		TR = Replace(TR, "ğ", "g")
		TR = Replace(TR, "Ğ", "G")
		TR = Replace(TR, "ö", "o")
		TR = Replace(TR, "Ö", "O")

	End Function
Set rs=Server.CreateObject("Adodb.Recordset")
sql="select Top 6 * from kelimeler where kelime like '%"&request("queryString")&"%' order by filmbaslik asc"
Rs.Open sql, baglanti, 1, 3
%>

<% Do While not rs.eof %>

<%
rs.movenext
loop
%>

&No=<%=rs("id")%>">
<%=TR(rs("kelime"))%>
&No=<%=rs("id")%>">Hit:<%=rs("filmhit")%>

Evet bağlandı sayfamızıda halleddik Şimdi sıra asıl işlemde java dosyamızda yani ajax kodlarımızı içeren dosyamızda.
js.jsp

/*
* Author:      Marco Kuiper (http://www.marcofolio.net/)
*/
google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{
	// Safely inject CSS3 and give the search results a shadow
	var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard
		'-webkit-box-shadow' : '#888 5px 10px 10px', // Safari
		'-moz-box-shadow' : '#888 5px 10px 10px'}; // Firefox 3.5+
	$("#sonuc").css(cssObj);

	// Fade out the suggestions box when not active
	 $("input").blur(function(){
	 	$('#sonuc').fadeOut();
	 });
});

function lookup(inputString) {
	if(inputString.length == 0) {
		$('#sonuc').fadeOut(); // Hide the suggestions box
	} else {
		$.post("search.asp", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
			$('#sonuc').fadeIn(); // Show the suggestions box
			$('#sonuc').html(data); // Fill the suggestions box
		});
	}
}

Evet arkadaşlar bu dosyaları Kullanmak istiyorsanız.Kaynak Dosyamızı Upload Ettim Ordan İndirip KullanaBilirsiniz!

The post Asp de ajax ile arama işlemi nasıl yapılır first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

ARA:

asp arama yapmak | Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı

Asp de ajax ile arama işlemi nasıl yapılır