Browser-Server
Communication
Browser server communication is the
process by which a browser requests
information from web server and the
server respond
WEB BROWSER
Web browser is a client, program, software or tool through which
we sent HTTP request to web server.It knows how to
communicate with web server. The main pur[pose of web
browser is to locate the content on the World Wide Web and
display the web pages, images, audio or video form.
WEB SERVER
A Web server can be a software or hardware unit which provides the
web pages via HTTP. Web server gets the request and find the resources
then responce to client. Web server provide services only for web
applications. All the communication between client and server take
place via HTTP.
The Client-Server Architecture
Client Server Communication
The client, typically a web The server processes client Clients and servers
browser or mobile app, initiates requests, retrieves data, and communicate using a
requests and receives sends responses back to the standardized protocol, such as
responses from the server. client. HTTP, to exchange data and
coordinate actions.
HTTP: The Fundamental
Protocol
1 Request
The client sends an HTTP request to the server,
specifying the desired action and including
necessary data.
2 Processing
The server receives the request, processes it, and
generates an appropriate response.
3 Response
The server sends an HTTP response back to the
client, including the requested data or status
information.
Interaction between web browser
and web server
STEP 1: The user on the client computer type a URL i,e
www.yahoo.com on browser
STEP 2: The web browser obtain the IP address corresponding to
the DNS included in the URL with the help of DNS server
STEP 3: Using the IP address browser make a TCP connection
with server
STEP 4: Web browser sends a request for the web pages to the
web server using HTTP protocol and GET instruction
STEP 5: The web server locate the web pages associated with the
URL on its handdisk with the help of operating system and
send it to the web browser with the help of HTTP protocol
STEP 6: The web browser accept the web page , interprets if and
display the contents
TCP/IP connection
WEB WEB
BROWSER SERVER
INTERNET
Making Requests: GET,
POST, PUT, DELETE
GET POST
Retrieve data from the Submit new data to the
server, such as a web server, such as a form
page or an API response. submission or a message
posting.
PUT DELETE
Update existing data on Remove data from the
the server, such as server, such as deleting a
modifying a user profile or user account or a specific
product information. resource.
AJAX: Asynchronous
Communication
Client Request
The client sends an AJAX request to the server, often
in response to a user action.
Server Response
The server processes the request and sends a
response back to the client, typically in a format like
JSON or XML.
UI Update
The client updates the user interface with the new
data, without requiring a full page refresh.
WebSockets: Real-Time
Bidirectional Communication
Persistent Connection
WebSockets establish a long-lived, two-way connection between the client and server.
Real-Time Communication
Data can be exchanged instantly in both directions, enabling real-time applications.
Efficient Data Transfer
WebSockets are more efficient than traditional HTTP for applications that
require continuous data exchange.
Securing Browser-Server
Interactions
Encryption HTTPS encrypts data
exchanged between the
browser and server,
protecting sensitive
Authentication HTTPS enables server
information.
authentication, ensuring the
client is communicating with
the correct server.
Integrity HTTPS ensures the data
transmitted between the
browser and server has not
been tampered with.
