14 Eylül 2009 Pazartesi

AJAX’ta Web Servis ile Çalışmak

Bu yazıda ASP.NET Ajax uygulamasında Web Servislerin nasıl çalıştırıldığını küçük bir örnekle anlamaya çalışacağı.

Visual Studio içinden açacağımız AJAXEnabledWebApplication içinden projeye 1 tane WebService ekleyerek başlıyoruz.

Makale4_01

WebService1.asmx.cs içindeki HelloWorld metodunun altına kendi metodumuzu oluşturalım .

[WebMethod]

public string Takimim(string hangiTakim)

{

return "En Büyük "+ hangiTakim;

}

İsterseniz Debug ederek çıkan ekranı görebilirsiniz. Default.aspx sayfası içine 1 tane Input (Button) ve 1 tane de Input (Text) sürüklüyoruz.

Makale4_02

Butonun üzerine 2 kez tıkladığımızda title tagi altına

<script language="javascript" type="text/javascript">

// <!CDATA[

function Button1_onclick() {

}

// ]]>

</script>

Kod bloğu gelir. WebService1.asmx.cs içine giderek pulic class üstüne ;

[ScriptService()] yazdıktan sonra alt+shift+f10 yaparak using alanına

using System.Web.Script.Services;

alanının referans edilmesini sağladıktan sonra . Default.aspx içindeki asp:ScriptManager tagi içine

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Services>

<asp:ServiceReference Path="WebService1.asmx" />

</Services>

</asp:ScriptManager>

Web servisi referans ediyoruz.

function Button1_onclick() {

donecek = AJAXEnabledWebApplication1.WebService1.Takimim(document.getElementById('Text1').value, Tamamlandi, ZamanAsimi, HataOlustu);

return true;

}

function Tamamlandi(arg) {

alert(arg);

}

function ZamanAsimi(arg) {

alert("zaman doldu");

}

function HataOlustu(arg) {

alert("hata oldu");

}

JavaScript fonksiyonlarını yazdıktan sonra Web Servisimiz çalışmaya hazır. Sizin için yararlı olduğunu umuyorum. Kolay gelsin.

0 yorum: