wmzilla.com | Webmaster ve grafikerler paylaşım , ticaret platformu

Geri git   wmzilla.com | Webmaster ve grafikerler paylaşım , ticaret platformu > Webmaster kulübü > Site programlama > ASP
GET sistemi
Hakkimizda Messenger indir GET Platinum Card Etkinlik Takvimi Forum Kurallari Konum Belirleme Lokasyon ve Destek Ofisi

GET Platinum Card

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 25.06.2014, 14:30
Excalibur - ait Kullanıcı Resmi (Avatar)
 
Kütahya
Üyelik: 18.06.2014
Ticaret Sayısı: (0)
Ticaret Yüzdesi:(%)
Ad-Soyad:
Nereden:
Konular: 78
Mesaj Sayısı:78
Blog girişleri:
Standart Prototype ile ASP ve AJAX


dc.tc

Prototype Kütüphanesi : Prototype bir javascript dosyasıdır. Bu dosyanın bir çok yeteneği vardır. Mesela sitenizdeki herhangi bir taga CSS atamak, Form Değerlerini Kısa Bir Kodla Almak v.s ?

Prototype ile AJAX kütüphanesiyle ün yapmıştır diyebiliriz. Ajax Kütüphanesi en çok kullanılan sınıf yapısıdır.

Prototype JavaScript Framework | Download Prototype adresinden prototype kütüphanesini download edebilirsiniz.

Başlıyoruz ?.

Şimdi içinde bir form olan asp dosyası oluşturalım. Adını da Form.asp koyalım ?.


Kod:
Adınız :
<input type="text" name="frmAd" id="frmAd" /> <br />
Email Adresiniz :
<input type="text" name="frmEmail" id="frmEmail" /><br />
<input type="button" name="button" id="button" onClick="MerhabaAJAX();" value="Gönder" />

Dikkat Ettiyseniz form elemanlarını Form tagı içine almadık . Çünkü Gerek yok . Burada Gönder Butonuna onClick="MerhabaAjax();" eklediğimizi de unutmayalım.. Şimdi yapmamız gereken iki şey var.

Sonuçlarımızın yayınlanacağı bir div tagı oluşturmak. Sonra Prototype Kütüphanesini dahil etmek. Bunlardan Sonra Sayfa Kodlarınız Aşağıdaki gibi Olmalıdır :


Kod:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="Inc/scriptaculous/lib/prototype.js"type="text/javascript"></script>
<title>Untitled Document</title>
</head>

<body>
<p>Adınız :
<input type="text" name="frmAd" id="frmAd" /> <br />
Email Adresiniz :
<input type="text" name="frmEmail" id="frmEmail" /><br />
<input type="button" name="button" id="button" onClick="MerhabaAJAX();" value="Gönder" />
<br />
</p>
<div id="SonuclarBurda"></div>
</body>
</html>



Evet . Şimdi Formumuzdan Bilgilerimizi alacağımız JavaScript kodlarımızı yazalım. Sakın Endişelenmeyin, Prototype Bu İşlemi de Bizim için Çok Basitleştiriyor. Prototype?nin $F( "elementadi" ) özelliği bize yardımcı olur. Bu özellik sayesinde parantezler içine yazdığımız elementin değerini kolayca alıyoruz.


Kod:
<script>
function MerhabaAJAX(){

/* 
Burada Değişkenlerimizi Atıyoruz. $F('frmAd') ile name alanı frmAd olan text alanın değerini alıyoruz ve Ad değişkenine veriyoruz. Aynısı Diğerleri İçinde Geçerli.
*/ 
var Ad = $F("frmAd");
var Email = $F("frmEmail");
var URL = "form-isle.asp";
var Sorgu = "Ad=" + Ad + "&Email=" + Email ;

/* Burası da bizim Ajax Bölgemiz. Buradaki Değişkenlerden URL'yi yukarıda tanımladık zaten. 
method'un ise 'get' ve 'post' şeklindedir özellikleri. 
parameters özelliği ise yukarıdaki Sorgu değişkeninde birleştirdiğimiz değişkenler katarıdır. 
onSucces ise işlem Başarılı olduğunda sonuçların gösterilecek  olduğu tagdır. */

var AjaxKullan = new Ajax.Request(
URL,
{
method : "get",
parameters : Sorgu,
onSuccess : IslemTamamlandi
});

}

function IslemTamamlandi(Cevap){
$("SonuclarBurda").innerHTML = Cevap.responseText;
}

</script>
PROTOTYPE AJAX SINIFI var AjaxKullan = new Ajax.Request( URL, { method:"get"; parameters: Sorgu, onSuccess: IslemTamamlandi });

Yukarıdaki kod Prototype'nin Ajax Sınıfıdır.
URL, işlemlerin yapılacağı sayfayı gösterir.
Method ise Form değerlerinin gönderiliş tarzını yani get mi post mu olarak gönderilmesini ayarlar.
Parameters ise gönderilecek olan form değerleri katarını tanımlar.
onSuccess ise işlemler düzgün yapıldığında çalıştırılacak fonksiyonu tanımlarız.

URL, method, parameters, onSuccess özelliklerini yukarıda tanımladık. Şimdi form-isle.asp sayfasına bakalım;

Kod:
<%

"Değişkenlerimizi tanımlayalım

dim Email, Ad

"Ajax Kodlarımızda method:"get" kullandığımızdan Request.QueryString metodunu kullanıyoruz.
" Eğer method:"post" yapsaydık Request.Form Kullanacaktık.

Email = Request.QueryString("Email")
Ad = Request.QueryString("Ad")

IF Email = "" or Ad = "" Then
Response.Write("Lütfen Bütün Forumu Doldurunuz.")
Else
Response.Write("Adınız  : "& Ad &" <br>")
Response.Write("Email Adresiniz : "& Email &" <br>")
End IF

%>


Alıntı ile Cevapla
Sponsored Links
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil


Şu Anki Saat: 22:39

Forum Hakkımızda
Powered by vBulletin® Version 3 (Licensed by WMZILLA INC.)
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

© 2014 wmzilla.com | WMZilla Bir Netra iştirakıdır.
09:00 - 20:00 Destek hattı : +31640337288
WMZilla lokasyon ve yazılım ofisi :
Loevesteinlaan 923 2533CC Den haag / Netherlands
WMZilla
DMCA.com Protection Status

Bir forum sitesi olan wmzilla.com üzerinde, forum kullanıcıları 5651 sayılı kanun'un ilgili maddesine ve T.C.K'nın 125. maddesine göre yaptıkları paylaşımlardan sorumludur, kullanıcı bazlı herhangi bir durumdan wmzilla.com sorumlu değildir. Tüm hukuksal bildirimlerde bulunmak için abuse@wmzilla.com adresi ile iletişime geçebilirsiniz bu çerçevede, wmzilla.com yönetimi tarafından en geç 7 iş günü içerisinde tarafınıza dönüş yapılacaktır.