mehmetduran.com - Paylaşmak Güzeldir...
Asp.net'te Jquery ve Ajax ile Veritabanına Kayıt Ekleme
Bu yazımda jquery ve ajax kullanarak veritabanına kayıt eklemeyi anlatacağım. Aslında daha önce anllattığım jquery örneklerinde olduğu gibi yine webmethod kullancağız ve bu webmethod ile kayıt ekleyerek, jquery ajax uygulamasında bu webmethodu kullanacağız. Yaptığım örneği görmek için buraya bakabilirsiniz.

Uygulamamızın kodlarına bakacak olursak:

Veriyi ekleyecek ve eklenen veri ile tüm verileri getirecek olan webmethodumuz şöyle olacak:

    [System.Web.Services.WebMethod]
    public static string ekle(string isim)
    {
        OleDbConnection bg = new OleDbConnection("provider=microsoft.jet.oledb.4.0; data source=" + HttpContext.Current.Server.MapPath("~/isimler.mdb"));
        OleDbCommand komut = new OleDbCommand("insert into isimler (isim) values(@isim)", bg);
        komut.Parameters.AddWithValue("@isim", isim);
        bg.Open();
        komut.ExecuteNonQuery();
        bg.Close();

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

        GridView g = new GridView();
        g.ShowHeader = false;
        g.BorderWidth = 0; g.CellPadding = 0; g.CellSpacing = 0;
        g.GridLines = GridLines.None;
        g.DataSource = tablo;
        g.DataBind();

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

Jquery kodlarımız ise şöyle olacak:

    function al(){
        var deger = document.getElementById("tx").value;
        $('#ajaxloading').show();
        $.ajax({
          type: "POST",
          url: "Default3.aspx/ekle",
          data: "{isim:'"+deger+"'}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(msg) {
                $('#ajaxloading').hide();
                $('#data').html(msg.d);
            }
        });
    }

Bu uygulama da eklenecek veriyi alacağımız ve kullanacağımız html kontrollerin kodları ise şöyle olacak:

<input id="tx" type="text" /><input id="bt" type="button" value="ekle ve göster" onclick="al()" /><br /><div id="ajaxloading" style="display:none; position:absolute;"><img alt="" src="ajaxloading.gif" /></div><div id="data"></div>

Böylece Asp.net, jquery ve ajax ile veritabanına kayıt eklemeyi de görmüş olduk.

Bu ve bundan önce yaptığım jquery ve ajax uygulamaları Visual Studio 2008 ve Asp.net 3.5 ile çalışmaktadır.

Bu uygulamayı ve daha önce yapmış olduğum jquery örneklerini buradan indirebilirsiniz.

İyi Çalışmalar!
Mehmet Duran 07 Eylül Pazar 2008 8 3422 4,1
Ajax Asp.net jQuery Jquery Programlama Webmethod JSON
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Linq to Xml (Linq Konusuna Devam) Jquery ile Cookie İşlemleri Asp.net ile Ziyaretçi Bilgileri Jquery ile Değişir Alan Yapma MySql'de limit ve rand Kullanımı
Yorumlar
Yorum Yaz
RSS Yorum Takibi
Emre 17 Ağustos Pazartesi 2009 10:35 #1
öncelikle teşekkürler makale için. data:"{isim:'"+deger+"'}", dan ziyade birden fazla değer nasıl gönderiyoruz???
Mehmet Duran 17 Ağustos Pazartesi 2009 22:21 #2
Burada yazmış olduğum yazıda örnek kodlamaları görebilirsin.
HasanG 25 Ağustos Salı 2009 14:16 #3
Çok feci kayıtlar eklenmiş Mehmet bi ara temizlesen iyi olur :)
Mehmet Duran 25 Ağustos Salı 2009 14:19 #4
Böyle bir milletiz işte. :D Fırsat bulduğumda örneği kendi hostuma taşıyıp, temiz bir şekilde yayınlayacağım.
emre 30 Aralık Çarşamba 2009 01:04 #5
cok gsl 1 calısma fakat 1 sorum olcak.veritabanından resim cekme olayı nsl oluyor jquery kullanarak 1 örnek yaparsan sewinirim...
Mehmet Duran 30 Aralık Çarşamba 2009 01:26 #6
Merhaba. Öncelikle Türkçe'mizi güzel kullanmanı tavsiye ederim. İstediğin örnek biçiminde hem sitemde hem de internet ortamında birçok örnek mevcut. Eğer araştırırsan çok rahat bulabilirsin. Sitemdeki örneklerden birine buradan ulaşabilirsin.
emre 30 Aralık Çarşamba 2009 19:10 #7
teşekkür ederim örneği inceledim faydalı oldu eline sağlık;)
Özgür S. 29 Ocak Cuma 2010 01:32 #8
Önce kodu olduğu gibi kopyaladım. Denedim, doğru kopyalamışım :)) Sonra tek tek inceledim, örnek çok güzel. Artık ben de bir jQuery ile AJAX hayranıyım :))
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Kimse sana senden iyi öğüt veremez.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009