BitCamp
FB ჯგუფიTech Jobs
  • BitCamp🔥
  • BitCamp - ის პროგრამა
    • I ეტაპი
    • II ეტაპი
    • III ეტაპი
    • IV ეტაპი
  • ვებ აპლიკაციების ფუნდამენტალები
    • HTTP GET
    • ტრადიციული ვებ აპლიკაციები
    • ვებ აპლიკაციები ბროუზერში
    • Event handler - ები და Callback ფუნქციები
    • Document Object Model - DOM
    • Document Object - ების მანიპულირება კონსოლიდან
    • CSS
    • ფორმები და HTTP POST
  • JavaScript - ის საფუძვლები
    • მიმოხილვა
    • რიცხვები
    • სტრინგები
    • სხვა ტიპები
    • ცვლადები
  • Git
Powered by GitBook
On this page

Was this helpful?

  1. ვებ აპლიკაციების ფუნდამენტალები

HTTP GET

Previousვებ აპლიკაციების ფუნდამენტალებიNextტრადიციული ვებ აპლიკაციები

Last updated 4 years ago

Was this helpful?

სერვერსა და ბროუზერს შორის კომუნიკაცია პროტოკოლის საშუალებით ხდება. Network - ტაბი გვაჩვენებს როგორია კომუნიკაციის პროცესი.

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

  • პირველად ჩაიტვირთა თავად გვერდის კონტენტი /exampleapp

  • შემდეგ ჩაიტვირთა kuva.png სურათი

  • შემდეგ index.js ფაილი

  • რომელსაც მოჰყვა content.min.css ფაილი

  • და ბოლოს ჩაიტვირთან favicon.ico ფაილი

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

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

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

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

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

ჰედერების ტაბში, ზედა პირველი ნაწილი General - ი აჩვენებს რომ ბროუზერმა მოითხოვა ეს რესურსი, სერვერისგან, მეთოდის გამოყენებით და ეს მოთხოვნა წარმატებით დასრულდა რადგან 200 იყო სერვერის პასუხი.

Response headers - სექციას თუ ჩამოშლით, დაინახავთ სხვადასხვა ინფორმაციას სერვერის მიერ გამოგზავნილი პასუხის (Response) შესახებ. აქ ნახავთ ისეთ ინფორმაციას როგორიცაა გამოგზავნილი კონტენტის ზომა (Content-Length), სადაც ნაჩვენებია რომ ეს რესურსი არის ტექსტური სახის/HTML დოკუმენტი და მისი ფორმატი არის . ამ ინფორმაციაზე დაყრდნობით ხვდება ბროუზერი რომ სერვერისგან მიღებული კონტენტი სინამდვილეში გვერდია.

ამ ბმულის გახსნისას მიღებული რექვესთების და რესფონსების ჯაჭვი ასე გამოიყურება:

GET
Status Code
კონტენტის ტიპი (Content-Type)
utf-8
HTML
https://studies.cs.helsinki.fi/exampleapp
HTTP