Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan ASP.NET MVC projelerinde jQuery kullanarak AJAX işlemlerinin nasıl yapılacağını anlatan bir eğitim içeriğidir.
- Eğitim, jQuery'nin temel metotlarından GET metodunu kullanarak AJAX isteklerini adım adım göstermektedir. Eğitmen önce bir HTML sayfası oluşturarak buton, liste ve yükleme paneli gibi temel bileşenleri ekleyip, ardından jQuery ile butona tıklandığında yükleme panelinin gösterilmesi, verilerin yüklenmesi ve gizlenmesi işlemini kodlamaktadır. Ayrıca, partial view kullanarak verilerin nasıl getirileceği ve jQuery'nin show ve hide metodlarının nasıl kullanılacağı da gösterilmektedir.
- Videoda ayrıca verilerin üç saniye sonra gelmesi ve loading animasyonu ile gizlenmesi, her tıklamada verilerin temizlenmesi için emt metodunun kullanımı gibi konular da ele alınmaktadır.
- 00:15jQuery ile AJAX İşlemleri
- Bu eğitimde JavaScript frameworklerinden jQuery kullanarak ASP.NET MVC projelerinde AJAX işlemlerinin nasıl yapılacağı gösterilecek.
- Önceki bölümde AJAX helper metodları kullanılmış, ancak bazı yerlerde adım adım kodlama gerekiyor.
- Bu eğitim bir jQuery eğitimi değil, jQuery'nin basit mantığını bildiğiniz varsayılarak önemli metotlar gösterilecek.
- 01:35jQuery'nin Get Metodu
- jQuery'nin get metoduyla GET isteklerinde bulunulabilir, uzun JavaScript kodları yazmak yerine kolayca bir adresteki action çağrılabilir.
- Get metodu action sonucunda aldığı veriyi geri döndürerek kullanmayı sağlar.
- 02:09Örnek Proje Hazırlama
- ASP.NET MVC projesi açılarak boş bir Home Controller ve indeks action oluşturuldu.
- HTML tarafında bir buton, bir liste ve bir yükleme paneli tasarlandı.
- Butona tıklandığında verilerin listeye doldurulması ve yükleme sırasında kullanıcıya "Yükleniyor" mesajı gösterilmesi planlanıyor.
- 04:40JavaScript Kodlaması
- Butona tıklandığında önce yükleme paneli gizleniyor, sonra 300 milisaniye içinde gösteriliyor.
- jQuery'nin get fonksiyonu çağrılıyor ve veriler çekildikten sonra yükleme paneli gizleniyor.
- Veritabanından veri çekme işlemi simüle edilerek sabit bir liste kullanılıyor.
- 07:46Partial View Kullanımı
- Verileri getir actionı çağrıldığında partial view kullanılarak veriler listeleniyor.
- Partial view'da foreach döngüsü ile gelen string listesi li'ler halinde listeleniyor.
- Veritabanından veri çekme işlemi simüle edilerek 3 saniye bekletme yapılarak gerçekçi bir izlenim yaratılıyor.
- 10:37jQuery Get Metodu Uygulaması
- Verileri getir actionı çağrılıyor ve get metodu ile veriler çekiliyor.
- Çekilen veriler bir değişkene aktarılıyor ve sayfadaki liste elementine ekleniyor.
- Yükleme paneli, veriler geldikten sonra gizleniyor ve animasyonlu bir şekilde gizlenme işlemi gerçekleştiriliyor.
- 14:42Veri Yükleme ve Temizleme İşlemi
- Butona basıldığında veriler yükleniyor ve üç saniye sonra ekrana geliyor.
- Veriler yüklendikten sonra loading hide animasyonu çalışarak gizleniyor.
- Her butona basıldığında veriler tekrar yükleniyor ve ekrana geliyor.
- 15:04Veri Temizleme Fonksiyonu
- Verileri temizlemek için butona tıklandığında çalışacak bir fonksiyon yazılabilir.
- Emt metodunu çalıştırarak liste temizlenebilir ve ardından animasyonun gerçekleşmesi sağlanabilir.
- Butona basıldığında önce liste temizleniyor, sonra yükleniyor animasyonu çalışıyor ve veriler ekrana geliyor.
- 15:45Loading Elementi Kullanımı
- Loading elementi kullanılarak git isteklerinde bulunarak veriler çekilebilir.