Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan JavaScript programlama dili ile HTTP istekleri ve AJAX kullanımını anlatan kapsamlı bir eğitim içeriğidir.
- Video, HTTP isteklerinin temel kavramlarını (GET, POST, PUT, DELETE) ve durumlarını (100, 200, 300, 400) açıklayarak başlıyor, ardından AJAX'ın nasıl çalıştığını adım adım gösteriyor. Eğitmen, JSON verilerini alma ve işleme, lokal JSON dosyalarından veri alma, POST istekleri ile veri gönderme ve güncelleme işlemleri gibi konuları kod örnekleriyle anlatıyor.
- Video ayrıca dosya yükleme işlemini PHP ile nasıl gerçekleştireceğinizi, form verilerini nasıl göndereceğinizi ve AJAX'ın anlık istekler ve işlemler için nasıl kullanılabileceğini gösteriyor. Eğitmen, senkron ve asenkron istekler arasındaki farkları da açıklıyor ve AJAX'ın günlük web uygulamalarında nasıl faydalı olabileceğini vurguluyor.
- JavaScript'te HTTP İstekleri
- Bu derste JavaScript'te HTTP istekleri konusu ele alınacak.
- Önceki derste yerel dosya veya başka kaynaklardan anlık veri gönderme ve alma işlemleri yapılmıştı.
- HTTP istekleri, sayfayı yenilemeden anlık veri gönderip almamızı sağlayan bir yapıdır.
- 01:51HTTP İstekleri Nesnesi
- HTTP isteği oluşturmak için "var" anahtar kelimesi ile bir değişken tanımlanır.
- "new" anahtar kelimesi ile HTTP isteği nesnesi oluşturulur.
- Oluşturulan nesne içerisinde "readyState" özelliği, istek durumunu gösterir.
- 04:33HTTP İstekleri Durumları
- 0, istek yapılmadığı anlamına gelir.
- 1, bağlantı başarılı demektir.
- 2, istek alındı demektir.
- 3, istek alındı ve işlem başlandı demektir.
- 4, cevap geldi demektir.
- 05:54HTTP İstek Türleri
- HTTP'de "GET" ve "POST" en çok kullanılan istek türleridir.
- "PUT" güncelleme işlemleri için kullanılır.
- "DELETE" silme işlemleri için kullanılır.
- 06:43HTTP İstek Parametreleri
- İlk parametre olarak istek türü (GET, POST, PUT, DELETE) belirtilir.
- İkinci parametre olarak istek yapılacak URL yazılır.
- Üçüncü parametre opsiyoneldir ve "async" özelliği ile isteğin senkron olup olmadığı belirlenir.
- "post" isteği yapıldığında veri göndermek için "data" nesnesi kullanılır.
- 08:22HTTP İstek Örneği
- Örnek olarak "post" isteği yapılarak veri alınıp gönderilebilir.
- İstek yapıldığında "readyState" özelliği ile istek durumu kontrol edilebilir.
- İstek tamamlandığında "response" özelliği ile gelen veriler alınabilir.
- 11:28HTTP İstekleri ve Durum Kodları
- HTTP isteklerinde durum kodları kontrol edilerek bağlantıların başarılı olup olmadığı belirlenebilir.
- 400 statüs kodu bağlantı başarılı olduğunu, 200 statüs kodu ise sorunsuz bir şekilde cevap verildiğini gösterir.
- İstekler sadece belirli durum kodları (örneğin 4 veya 200) gerçekleştiğinde çalıştırılabilir.
- 14:19JSON Verilerini İşleme
- HTTP isteklerinden gelen JSON formatındaki veriler response text ile alınabilir.
- Alınan JSON verileri parse metodu ile dönüştürülerek JSON formatında kullanılabilir hale getirilebilir.
- JSON verilerindeki başlıklar ve diğer bilgiler for döngüsü ile işlenebilir.
- 17:15Lokal JSON Dosyası Alma
- Lokal JSON dosyasından veri almak için GET isteği kullanılabilir.
- Alınan JSON verileri string olarak gelir ve parse metodu ile dönüştürülerek kullanılabilir hale getirilebilir.
- JSON dosyasından alınan veriler istenilen şekilde değiştirilebilir.
- 19:54POST İstekleri ve Veri Gönderme
- POST isteği ile veri göndermek için içerik tipi belirtilmelidir (örneğin JSON formatı için "application/json").
- POST isteği başarılı olduğunda 201 statüs kodu döner.
- POST isteği ile gönderilen veriler, belirtilen endpoint'e eklenir.
- 24:43POST İstekleri ile Güncelleme
- POST isteği ile güncelleme işlemi yapılabilir.
- Güncelleme işlemi için endpoint'e postun ID'si eklenerek (örneğin "/post/93") istek yapılır.
- Güncelleme işlemi başarılı olduğunda 201 statüs kodu döner.
- 27:00DELETE İşlemi ve Başarılı Durum
- DELETE işlemi sonrası başarılı olduğunda boş bir yanıt döner.
- DELETE işlemi sonrası sayfada değişiklik yapılmaz, sadece op içerisindeki olay değiştirilir.
- Başarılı DELETE işlemi için boş bir yanıt gelmesi gerekir, aksi takdirde hata alınır.
- 29:23Dosya Oluşturma Örneği
- Dosya oluşturma işlemi için dosya ismi ve uzantı anahtar kelimeleri kullanılır.
- Dosya oluşturma işlemi için CS formatında form gönderimi yapılır.
- Form gönderiminde dosya ismi ve uzantısı ayrı ayrı gönderilir.
- 33:48Dosya Oluşturma İşlemi ve Sonuç
- Dosya oluşturma işlemi için yerel sunucuda dosya oluşturulur.
- Dosya oluşturma işlemi başarılı olduğunda "işlem başarılı" mesajı ekrana yazdırılır.
- Dosya oluşturma işlemi başarısız olduğunda "dosya ulaşamadı" mesajı ekrana yazdırılır.
- 38:08Anlık İşlemler ve Kullanım Alanları
- Anlık istekler ve işlemler, JSON formatı gibi farklı formatlarla yapılabilir.
- Anlık istekler, açılan menülerde sıralama gibi işlemlerde kullanılabilir.
- Buton durumlarını sayfayı yenilemeden değiştirmek gibi işlemlerde anlık istekler çok faydalıdır.