AngularJS ile HTTP iletişimi

İçindekiler
ile çalıştığımızda Javascript normal olan şu ki, bir sunucudan veri almak istiyorsak, isteklerde bulunmamız gerekir. Ajax bu, farklı yöntemleri manipüle etmemizi sağlar HTTP sunucudan uygun yanıtları almak için.
AngularJS bu yaklaşımda farklı değildir ve bu nedenle sunuculara aşağıdakiler aracılığıyla istekte bulunmanız gerekir. HTTP Veri modellerinin doldurulacağı bilgileri elde etmek için bu, herhangi bir uygulamanın temelidir.
Antik çağda nesneyi doğrudan manipüle etmemiz gerekiyordu. XMLHttpRequest ile belgelerimiz dahilinde Javascript Verileri elde edip farklı istekler gönderebilmemiz için, bu son derece uzun, tekrarlayan ve çok okunamayan bir kodla sonuçlandı, bir örnek için geçmiş dönemlerden standart bir istek şeması görelim:

Gördüğümüz gibi, önce isteğe verilen yanıtın nasıl ele alınacağını tanımlayıp, standart yöntemleri oluşturmamız ve ayrıca hataları manuel olarak ele almamız gerekiyordu, son olarak sunucuya bağlantıyı açtık ve verileri gönderdik. Bu o zamanlar devrimci bir şeydi, ancak uygulamasının hantallığı tüm bunların modernleşmesine yol açtı.
Şimdi yaklaşık 10 yıl ileriye gidiyoruz ve AngularJS aracılığıyla sunucularla iletişim kurma şeklimizi basitleştiren HTTP, bunun için elimizde XHR arayüzü farklı sunuculara ve farklı yöntemlerle asenkron çağrılar yapmamızı sağlar. HTTP, bu, önceki uygulamanın basitleştirilmiş görünmesini sağlar ve aşağıdaki örnekte görebileceğimiz gibi geliştirmeyi kolaylaştırır:

Burada yöntemle nasıl olduğunu görüyoruz elde etmek () $ http değişkeni ile çağrılırsa, bir sunucu yolu çağırabilir ve ayrıca basit bir şekilde parametreleri iletebiliriz, sonra başarılı bir yanıt alırsak bazı eylemler gerçekleştirebiliriz ve bir hata yanıtı olması durumunda farklı bir tane çalıştırabiliriz.
KarşılaştırmakEski ile elde edilenler arasındaki yolları karşılaştırırsak AngularJSİşlevsellik dışında neredeyse hiçbir ortak nokta olmadığını görüyoruz, elbette eski form, geliştirmeyi daha hızlı ve daha az kafa karıştırıcı hale getirebilmek için bugün sahip olabileceğimiz her şeye yol açtı.
Önceki örnekte, aracılığıyla nasıl istekte bulunulacağını gördük. ELDE ETMEK, ancak mevcut tüm yöntemleri kullanabiliriz HTTP, bakalım elimizde neler var:
  • ELDE ETMEK
  • KAFA
  • İLETİ
  • SİLMEK
  • KOY
  • JSONP
Gördüğümüz gibi, aralarından seçim yapabileceğimiz birkaç tane var, birinin veya diğerinin kullanımı gereksinimimizden gelecek, bu nedenle bir şeye danışmak istersek kullanacağız. ELDE ETMEK, eğer bir veri göndermek istiyorsak kullanacağız İLETİ, aşağıdaki örnekte nasıl istekte bulunulacağını görelim İLETİ:

İstek içerisinde farklı veriler içeren değişkenleri nasıl geçirebileceğimizi görüyoruz ve bu durumda istenen HTTP yöntemine atıfta bulunmak için post() yöntemini kullanıyoruz.
Bununla bu öğreticiyi bitiriyoruz, farklı yöntemlerle nasıl başa çıkabileceğimizi gördük. AngularJS ve iletişim kurmanın önceki yollarına göre yıllar içinde yaşanan gelişme HTTP sunucular ile.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave