Írta: tom1964h

Csomagok

Ahogy a ping esetében is láttuk, a kommunikáció megvalósítása packetekben (adat-csomagokban) történik: a kérdésre (Request) válasz (Response) érkezik.

A böngészőnkben megjelenő oldal is ilyen packetekben érkezik a szervertől. Az oldal “elszeletelve” érkezik, az oldalt a böngésző rakja össze darabokból, ebben pl. JavaScript is segít. Különbség van tehát:

  • a HTML-oldalakat a böngésző jeleníti meg; a HTML két fő része a HEADER és a Body;
  • a packetek is header és body részből állnak: a header a csomag kiegészítő információja; a body tartalma pedig az oldal egy kis darabja.

Response header

A response header (válasz-csomag fejléc) tartalmaz egy STATUS CODE mezőt, amely megmutatja, milyen jellegű választ kaptunk vissza a szervertől.

Http status codes (response header)

  • 1: informatív jelzés
  • 2: minden OK
    • 201 minden rendben
    • 202 uj erőforrás
    • 204 minden OK, válasz nem jön
  • 3: átirányítás van
    • 301 átirányítanak minket, véglegesen
    • 304 nem történt módosítás
    • 307 ideiglenes átirányítás
  • 4: kliens oldali hiba
    • 400 hibás lekérdezés
    • 401 jogosultság?
    • 403 tiltott elérés
    • 404 oldal nem található
  • 5: szerver oldali hiba
    • 500 belső szerver hiba
    • 503 a szolgáltatás nem elérhető

Browser inspect mode

Browserben az F12 (inspect) üzemmódot választva “belenézhetünk” az érkező elemekbe, amelyekből felépül az oldal. A NETWORK fülön alul egy táblázatban láthatók az oldal elemei, illetve további adatok: válaszidő, státuszkód, HTTP-metódus, stb. Így ellenőrizhető a kapott válasz fejléce.

Mime type

A response header tartalmaz egy MIME TYPE mezőt is, amely megmutatja, milyen típusú választ kaptunk vissza a szervertől.

Common MIME types (response header)

  • text/plain: Text (generally ASCII or ISO 8859-n)
  • text/html: HyperText Markup Language (HTML)
  • text/javascript: JavaScript module
  • text/CSS: Cascading Style Sheets (CSS)
  • image/jpeg: JPEG images
  • audio/mp3: MP3 audio
  • audio/mpeg: MP3 audio vagy MP4 audio
  • audio/aac: AAC audio
  • video/mpeg: MPEG Video
  • application/json: JSON format