Asp ve Ajax ile Anında Kayıt Çekme

Arkadaşlar, bayilerden gelen parça isteklerinin olduğu bayiler.mdb veritabanım var ve db içinde siparisler tablosu var ( bayiad - istek - islem ) islem 0 ise işlenmemiş 1 ise işlem yapılmış anlamına geliyor - ve bu kayıtlara bakan 3 tane çağrı merkezi elemanı var, ama kayıt çok olduğundan bazen 3 eleman birden aynı kayıdı işlemeye alıyor.

İstediğim siparişlerin listelendiği sayfada elemanlardan biri o kayıtı açmış işlem 1'e dönüyor, diğer eleman o kayıta tıkladığında işlem yapmak istediğinde "şu an işlemde" uyarısı versin 

Böyle bir uygulamayı asp ve ajax ile en basit şekli ile nasıl yapabilirim, örnek kodunuz var mı?

ASP ile değil de ASP.net ile işlemini çözmeye yönelik bir cevabı paylaşacağım.

Veritabanından bilgi çekeceğiz. Webmethod kullanacağız. Yazacağımız webmethod html kodların çıktısını yani html kod dönderecek. Böylece herhangi bir kontrolün html kodlarını nasıl elde edebilceğimizi de görmüş olacağız. Fazla uzatmadan kodlarımıza bakalım.

Öncelikle serverdan datayı çekeceğimiz webmethod kodlarımız şöyle olacak:
 

    [System.Web.Services.WebMethod]
    public static string ekle()
    {
        System.Threading.Thread.Sleep(1000);

        OleDbConnection bg = new OleDbConnection("provider=microsoft.jet.oledb.4.0; data source=" + HttpContext.Current.Server.MapPath("~/isimler.mdb"));

        string sorgu = "select isim from isimler";
        OleDbDataAdapter adaptor = new OleDbDataAdapter(sorgu, bg);
        DataTable tablo = new DataTable();
        adaptor.Fill(tablo);

        GridView g = new GridView();
        g.DataSource = tablo;
        g.DataBind();

        StringWriter sw = new StringWriter();
        HtmlTextWriter ht = new HtmlTextWriter(sw);
        g.RenderControl(ht);
        return sw.ToString();
    }



Daha sonra jquery kodlarımız ise şöyle olacak:

   

  $(document).ready(function() {
      $("#ekle").click(function() {
        $('#ajaxloading').show();
        $("#data").html("");
        $.ajax({
          type: "POST",
          url: "Default2.aspx/ekle",
          data: "{}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(msg) {
                $('#ajaxloading').hide();
                $("#data").html(msg.d);
            }
        });
      });
    });



Son olarak html sayfa kodlarımız şöyle olacak:
 

<input id="ekle" type="button" value="getir" /><br /><br /> <div id="ajaxloading" style="display:none; position:absolute;"><img src="ajaxloading.gif" /></div> <div id="data"></div>


Örnek uygulamayı BURADAN görebilirsiniz. (Buton ile veritabanından bilgiler geliyor.)

Not : Bu uygulama da Visual Studio 2008 ve Asp.net 3.5 üzerinde çalışmaktadır.

KAYNAK: Asp.net'te Jquery ve Ajax ile Veritabanından Veri Alma

cevabın için teşekkürler Güzide hn am asp.net ile hiç bilgim yok maalesef :( yazdığın .net kodlarını klasik asp ye uyarlanma imkanı varmı ?

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git