JavaScript ile Asp.net'te Functiona Erişmek ve Değer Döndürmek (PageMethods)


   Merhaba arkadaşlar bu makalemde yine işinizi göreceğini düşündüğüm bir konuyu ele alacağım. Umarım düşündüğüm gibi olur.

   Konumuz başlığından da anlaşılacağı gibi JavaScript ile Asp.Net ortamında bulunan bir Functiona erişerek belli  kontrolleri yaptıktan sonra geri dönen sonucu göre sayfayı post edip etmiceğimize karar vereceğimiz bir örnek ile anlatmaya çalışacağım.




  Öncelikle bana nerede lazım olduğunu anlatayım belki daha iyi hayal etmenizi sağlar. Geçenlerde çalışma yaptığım siteye Sanal Pos başvuruma cevap geldi. Onun için gelen Sanal Pos bilgilerini siteme nasıl dahil edeceğimi düşünüyordum. Sonuçta bu benim ilk Sanal Pos eklemesi yapıyor. Malum sayfa post olmadan bilgilerin kontrolu gerekti. benim sayfamda 3 aşamalı bir form mevcut;

 1) Sepetim kısmı (Eğer seppete ürün yoksa formda 2. kısma geçiş engelli)

 2) Ödeme bilgileri( Kredi kartı,Mail Order, Havele ile ödeme) bu bilgilerden hangisi seçilirse gerekli alanlar dolmadan 3 forma geçiş engelli. Tabi Sanal Pos için durum biraz farklı alanları dolu ve boşluğuna göre kontrol etmek basit yalnız Sanal Pos işin içine girince kart bilgilerinin doğruluğuda kontrol edilmeli yani bankaya bir istek gönderilecek biraz form bekletilecek daha sonra gelen bilgiye göre 3 aşamaya yönlendirilecek yada bilgiler hata gibi mesaj verdirerek ilerleme durdurulacak..

 3) Satışı bitir bölümü diğer aşamaları geçtikten sonra bu bölüm bilgileri kontrol edip doğrulayrak satışı bitirdiği alandır..


   Yukarıdaki alanlara baktığımızda bana 2 aşamada gerekti konumuz. Şimdi nasıl çözebileceğimize bakalaım;

1 - Yeni bir Proje açalım ve 1 adet sayfa oluşturalım...






2-Yeni bir sayfa oluşturalım;




3-Default Sayfamıza nesleri ekleyelim:




 <script type="text/javascript" language="javascript" src="script.js"> </script>

    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"/>
        <br />
        <div>
            <input type="text" id="txt1" runat="server" />
            <input type="text" id="txt2" runat="server" />
            <a href="#" onclick="javascript:CallMe()">Getir</a>
    </form>


4- Default.Cs Dosyamıza functionu oluşturalım



        [System.Web.Services.WebMethod]
        public static string Kontrol(string isim)
        {
            string sonuc = "";
            if(isim=="Lezgin")
                sonuc="tamam";
            else
                sonuc="hata";

            return sonuc;
        }


5- JavaScript Dosyamızı oluşturuyoruz....





function CallMe() 
{
    var ctrl = document.getElementById("txt1");

  PageMethods.Kontrol(ctrl.value, CallSuccess);
}

function CallSuccess(res) {
    if (res == "tamam")
        alert("İşlem Doğrulandı");
    else
        alert("Hatalı İşlem");
}




Bu makalemizin de sonuna geldik umarım faydalı olmuştur... İlginiz İçin Teşekkürler...


2 yorum: