Komunikace HTTP s AngularJS

Když pracujeme s Javascript normální věc je, že pokud chceme získat data ze serveru, musíme o ně požádat Ajax to nás nutí manipulovat s různými metodami HTTP aby měl server správné odpovědi.
AngularJS se v tomto přístupu neliší, a proto musíte na servery podávat požadavky prostřednictvím HTTP Abychom získali informace, kterými je možné vyplnit datové modely, je to základ každé aplikace.
V dávných dobách jsme museli s objektem přímo manipulovat XMLHttpRequest v našich dokumentech s Javascript abychom mohli získat data a odeslat různé požadavky, výsledkem byl extrémně dlouhý, opakující se a ne příliš čitelný kód. Pro ukázku se podívejme na standardní schéma požadavků z minulých období:

Jak vidíme, nejprve jsme museli definovat, jak zpracovat odpověď na požadavek, zavést standardní metody a také jsme museli zpracovávat chyby ručně, nakonec jsme otevřeli připojení k serveru a odeslali data. V té době to bylo něco převratného, ​​nicméně těžkopádnost jeho aplikace vedla k modernizaci toho všeho.
Nyní se posuneme asi o 10 let dopředu a máme AngularJS který zjednodušuje způsob, jakým komunikujeme se servery prostřednictvím HTTPNa to máme Rozhraní XHR to nám umožňuje provádět asynchronní volání na různé servery a různými metodami HTTP, díky tomu vypadá předchozí implementace zjednodušeně a usnadňuje vývoj, jak můžeme vidět v následujícím příkladu:

Zde vidíme, jak s touto metodou dostat () voláme s proměnnou $ http, můžeme vyvolat cestu k serveru a také předávat parametry jednoduchým způsobem, pak pokud máme úspěšnou odpověď, můžeme provést nějakou akci a v případě chybové odpovědi můžeme provést jinou.
SrovnáníPorovnáme -li způsoby mezi starým a tím, čeho bylo dosaženo AngularJSVidíme, že kromě funkčnosti existuje jen málo společných bodů, samozřejmě stará forma ustoupila všemu, co dnes můžeme mít, abychom mohli vývoj urychlit a méně zmást.
V předchozím příkladu jsme viděli, jak podat žádost prostřednictvím DOSTAT, můžeme však použít všechny metody dostupné v HTTP, podívejme se, co máme k dispozici:

• DOSTAT
• HLAVA
• POŠTA
• VYMAZAT
• DÁT
• JSONP

Jak vidíme, máme na výběr z několika, použití jednoho nebo druhého bude vyplývat z našeho požadavku, takže pokud chceme něco konzultovat, použijeme DOSTAT, pokud chceme odeslat údaje, které použijeme POŠTA, podívejme se v následujícím příkladu na to, jak vytvořit požadavek POŠTA:

Vidíme, jak můžeme v požadavku předávat proměnné obsahující různá data, a v tomto případě používáme metodu post () k odkazování na požadovanou metodu HTTP.
S tímto dokončujeme tento tutoriál, viděli jsme, jak můžeme zvládnout různé metody v AngularJS a zlepšení, které bylo v průběhu let zaznamenáno s ohledem na předchozí způsoby dosažení komunikace prostřednictvím HTTP se servery.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod