# HTTP GET

სერვერსა და ბროუზერს შორის კომუნიკაცია [HTTP](https://developer.mozilla.org/en-US/docs/Web/HTTP) პროტოკოლის საშუალებით ხდება. Network - ტაბი გვაჩვენებს როგორია კომუნიკაციის პროცესი.

როდესაც გვერდის დარეფრეშებას ეცდებით (F5 ღილაკზე დაჭერით ან ბროუზერის ↺ სიმბოლოზე დაკლიკებით), კონსოლი გაჩვენებთ რომ 5 სხვადასხვა მიმართვა გაიგზავნა სერვერზე და შესაბამისად 5 სხვადასხვა რესურსი ჩაიტვირთა თქვენს ბროუზერში: 

* პირველად ჩაიტვირთა თავად გვერდის კონტენტი */exampleapp* 
* *შემდეგ ჩაიტვირთა kuva.png სურათი*
* *შემდეგ index.js ფაილი*
* *რომელსაც მოჰყვა content.min.css ფაილი*
* *და ბოლოს ჩაიტვირთან favicon.ico ფაილი*

![](https://1851035246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGFoni2btDdEuOnm1wC%2F-MHS3aoD-W6Q5d81s4bM%2F-MHS5GRoQkaHhRIFJwW-%2F2e.png?alt=media\&token=1e18fcb2-a1df-4776-9f6d-f4941f8cbea1)

თუ დააკლიკებთ პირველივე ჩანაწერს exampleapp/ - ს, გამოჩნდება დაწვრილებითი ინფორმაცია იმის შესახებ თუ რა მოხდა კონკრეტულად ამ რესურსთან მიმართებაში:

![](https://1851035246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGFoni2btDdEuOnm1wC%2F-MHS3aoD-W6Q5d81s4bM%2F-MHS6xMtSHKhvDxV_duW%2F3e.png?alt=media\&token=d9e46e04-a00a-4ee3-86d1-1984cd8e2316)

ჰედერების ტაბში, ზედა პირველი ნაწილი General - ი აჩვენებს რომ ბროუზერმა მოითხოვა ეს რესურსი, სერვერისგან, [GET](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET) მეთოდის გამოყენებით და ეს მოთხოვნა წარმატებით დასრულდა რადგან [Status Code](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes) 200 იყო სერვერის პასუხი.

მოთხოვნას (Request) და პასუხს (Response) - აქვთ განსხვავებული header - მნიშვნელობები ან როგორც შემოკლებულად ვეძახით header - ები. 

![](https://1851035246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGFoni2btDdEuOnm1wC%2F-MHS3aoD-W6Q5d81s4bM%2F-MHS8-waMMiIw3Ri64sp%2F4e.png?alt=media\&token=65685c8a-5037-471e-ba71-ebe02c29978c)

Response headers - სექციას თუ ჩამოშლით, დაინახავთ სხვადასხვა ინფორმაციას სერვერის მიერ გამოგზავნილი პასუხის (Response) შესახებ. აქ ნახავთ ისეთ ინფორმაციას როგორიცაა გამოგზავნილი კონტენტის ზომა (Content-Length), [კონტენტის ტიპი (Content-Type)](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Type) სადაც ნაჩვენებია რომ ეს რესურსი არის ტექსტური სახის/HTML დოკუმენტი და მისი ფორმატი არის [utf-8](https://en.wikipedia.org/wiki/UTF-8). ამ ინფორმაციაზე დაყრდნობით ხვდება ბროუზერი რომ სერვერისგან მიღებული კონტენტი სინამდვილეში [HTML](https://en.wikipedia.org/wiki/HTML) გვერდია.

Response ტაბი აჩვენებს სერვერის მიერ დაბრუნებულ პასუხს, რეალურ ინფორმაციას რომელიც HTML გვერდის სახი არის წარმოდგენილი. ამ სტრუქტურაში body - სექცია განსაზღვრავს იმ გვერდის სტრუქტურას რომელიც იხატება ბროუზერში:

![](https://1851035246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGFoni2btDdEuOnm1wC%2F-MHS3aoD-W6Q5d81s4bM%2F-MHS9tpWFKwql8fF0EK_%2F5e.png?alt=media\&token=ca97c1f3-9197-484e-8a32-112f556f5f4c)

გვერდი body სექციის ქვეშ მოიცავს div ელემენტს რომელიც თავის თავში მოიცავს სათაურის ტეგს (h1), ბმულს (a) /notes მისამარზე და img ტეგს რომელის საშუალებითაც იხატება kuva.png სურათი. p ტეგში კი მოცემულია ნოუთების რაოდენობა.

რადგან დოკუმენტში img ტეგია წარმოდგენილი, ეს სიგნალია ბროუზერისთვის რომ ახალი *HTTP* მოთხოვნა (Request) უნდა გაუგზავნოს სერვერს kuva.png მისამართზე. შესაბამისად რომ აირჩიოთ kuva.png მარცხნივ საიდბარიდან დაინახავთ ამ სურათის შესაბამისი მოთხოვნისა (Request) და პასუხის (Response) დეტალებს დაწვრილებით.

![](https://1851035246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGFoni2btDdEuOnm1wC%2F-MHS3aoD-W6Q5d81s4bM%2F-MHSB_vFuy8jxXb3-WAQ%2F6e.png?alt=media\&token=33f86be6-ef57-44eb-afbc-8a548bc5b1ad)

ამ ბმულის გახსნისას მიღებული <https://studies.cs.helsinki.fi/exampleapp> რექვესთების და რესფონსების ჯაჭვი ასე გამოიყურება:

![](https://1851035246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGFoni2btDdEuOnm1wC%2F-MHS3aoD-W6Q5d81s4bM%2F-MHSCVGzwKba6KZWE4-Y%2F7e.png?alt=media\&token=f6c8ded5-212e-4fa3-a28d-5794643b6ac0)