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 14 27546 4,2
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Jquery ile Dropdownlist Üzerinde Ekleme ve Eleman Aktifleştirme İşlemi Jquery ile Kendi Eklentilerimizi Hazırlama Asp.net ile Dinamik Sitemap Hazırlama Jquery ve Ajax ile Oylama (Rating) Yapımı Javascript ile Asp.net'te Onaylama(Confirm) Kontrolü
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 :))
osman 11 Ocak Salı 2011 17:25 #9
dosyayı indirdim ama kaydetmeye yönelik bi sql bile göremedim
Mehmet Duran 13 Ocak Perşembe 2011 08:54 #10
@osman, kayıt işlemi yok ama select işlemi var. Gözden kaçmış olabilir.
Hakan 09 Şubat Çarşamba 2011 13:38 #11
Hocam merhaba, öncelikle paylaşımından dolayı çok teşekkür ederim, çok işime yaradı. Çözemediğim bir nokta oldu yardımcı olursan çok sevinirim. burada dinamik gridview oluşturmuşuz, buna delete butonunu nasıl ekliyebiliriz ? eventmi tanmlamalayız ? bunu nasıl yapabilirim. Yardımcı olursan çok sevinirim, nette bununla ilgili konu bulamadım. Şimdiden teşekkür ederim...
hasan 25 Şubat Cuma 2011 00:20 #12
KAYIT ÖRNEĞİ DE EKLERSENİZ SEVİNİRİZ.
Mehmet Duran 08 Nisan Cuma 2011 21:58 #13
@Hakan, böyle bir işlem için gridview kullanmak yerine döngü ile html çıktıları kendin oluşturman ve ekleme, güncelleme, silme işlemleri için fonksiyonları kendin yazarsan daha kullanışlı olur. Buradaki örnek fikir vermek amaçlı yapılmış bir örnekti.
Mehmet Duran 08 Nisan Cuma 2011 22:21 #14
@hasan, yazıyı yazdığım sırada örnek mevcuttu ama daha sonra kaldırmak durumunda kalmıştı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.
Hizmet amaçlı işler başarıya, kar amaçlı olanlar ise başarısızlığa yöneliktir.
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