Üye Kayıt Üye Giriş

KATEGORİLER

JQuery ile AJAX İşlemleri


JQuery ile AJAX İşlemleri

Bu makalemizde jQuery kütüphanesini kullanarak ASP.NET sayfasından bir Web servisine yapılacak AJAX çağrılarının nasıl yönetileceğini inceleyeceğiz.

İlk olarak jQuery kütüphanesinde AJAX taleplerini gerçekleştireceğimiz ajax isimli fonksiyonu tanıyalım.

Ajax fonksiyonun aldığı parametreler ve anlamları

     -  type : Yapılacak talebin veri iletim yöntemi. GET, POST gibi

     -  data : Web servisin aldığı parametrelerin eklendiği parametre (data: "{'Parametremizin Adı':'Eklenecek değer'}" şeklinde).

     -  url :  Talebin yapılacağı adres.

     -  contentType : Dönecek olan sonuç json türünde olacağı için bunu belirtmemiz gerekiyor.

     -  dataType : Dönecek olan sonuç json türünde olacağı için bunu belirtmemiz gerekiyor.

     -  success : Talebin başarılı bitmesi durumunda çalışacak fonksiyon. Burada talep sonucunda gelen veriler sayfaya işlenir.

      - error : Talebin hatalı olması veya bir sorun olması durumunda çalışacak fonksiyon.

 

$.ajax({ type: "POST", data: "{}", url: "Default.aspx/AJAXWebService", contentType: "application/json; charset=utf-8", dataType: "json", success: function(sonuc) { $('#lblSonuc').html(sonuc.d); }, error: function() { alert('Bir sorun oluştu. Yeniden deneyin'); } });

 

Ajax fonksiyonumuzu oluşturduktan sonra Default.aspx sayfamızın son hali aşağıdaki gibi oldu.

 

Default.aspx <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

Şimdi sıra geldi ajax taleplerimizi yapacağımız web metodu oluşturmaya, burada önemli olan husus web metodumuzun shared yani static olması;

 

<WebMethod()> _ Public Shared Function AJAXWebService() As String Return "Merhaba JQuery ile AJAX - " & Now End Function

 

Web metodumuzuda oluşturduktan sonra kod sayfamızın son hali aşağıdaki gibi oldu.

 

Default.aspx.vb Imports System.Web.Services Public Class _Default Inherits System.Web.UI.Page <WebMethod()> _ Public Shared Function AJAXWebService() As String Return "Merhaba JQuery ile AJAX - " & Now End Function End Class

 

Hepsi Bu kadar uygulamamızın çıktısı aşağıdaki gibi asenkron olarak web servis tarafından gönderildi.

 

JQuery ile AJAX İşlemleri

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER

jquery ile ajax � şlemleri