Scribd
Upload
5 views10 pages

Collage Engineering and Technology Faculty of Computer Science Plasma University Course: Class: BCS06

The document provides an overview of AJAX (Asynchronous JavaScript and XML), a technique used in web development for creating dynamic and interactive web applications. It covers how AJAX works, its use cases, and examples such as live search and infinite scroll. Additionally, it discusses the benefits of AJAX, including improved user experience and faster loading times.

Uploaded by

mohamedliban972
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views10 pages

Collage Engineering and Technology Faculty of Computer Science Plasma University Course: Class: BCS06

The document provides an overview of AJAX (Asynchronous JavaScript and XML), a technique used in web development for creating dynamic and interactive web applications. It covers how AJAX works, its use cases, and examples such as live search and infinite scroll. Additionally, it discusses the benefits of AJAX, including improved user experience and faster loading times.

Uploaded by

mohamedliban972
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Collage Engineering and Technology

Faculty of Computer Science


PLASMA UNIVERSITY

Course: Web technology II (PHP)


Class: BCS06
Assignment : Ajax Language
Date : 8/4/2025

Group D Names and Their tittles :


1.Shueib Abdirahim :
Mohamed
2. Ahmed mohamed :
Hassan
3. Mohamed Abdi Ahmed :
4. Abdisalam isak :
Hussein
Learning Objectives :
 Introduction to Ajax .
 What is Ajax ?
 How does Ajax Work ?
 Example Use Cases of Ajax.
 Top 5 Examples of Ajax in Action .
 Real World Uses of Ajax.
 Technologies commonly used with Ajax.
 Common Ajax Function.
 Benefits of Ajax Language.
 Conclusion / summary.
Introduction :

AJAX stands for Asynchronous JavaScript and XML, and


it's a set of web development techniques that
uses various web technologies on the client-side
to create asynchronous web applications,
allowing for dynamic updates without full page
reloads.

What is Ajax :

AJAX stands for Asynchronous JavaScript and XML. It’s not


a programming language, but a technique used in web
development to create faster and more interactive web
applications.

AJAX allows web pages to be updated asynchronously—that


means the browser can communicate with the server and
update parts of the page without refreshing the whole page
How Does AJAX Work?
AJAX uses a combination of:
• HTML / CSS – For structure and styling
• JavaScript – For dynamic behavior
• XMLHttpRequest or Fetch API – To send/receive data
from the server
• Server-side scripts – Like PHP, Python, Node.js, etc., that
respond to AJAX calls

Example Use Cases of AJAX :


• Real-time form validation
• Loading more posts without refreshing (infinite scroll)
• Auto-suggestions in search bars
• Submitting a form in the background

Top 5 Examples of Ajax In Action :


1. Live Search (Autocomplete): Shows suggestions as you
type (e.g., Google Search).
Example: Google Search
• As you type in the search box, AJAX sends the
current input to the server.
• The server responds with search suggestions.
• The suggestions are displayed without refreshing
the page.

2. Infinite Scroll: Loads more content as you scroll (e.g.,


Instagram feed).
Example: Instagram, Twitter, Facebook News Feed
• As you scroll down, new posts or images load
automatically.
• AJAX requests fetch more content in the background.
• This keeps the user engaged with no reloads or clicks
needed.

3. Form Submission: Sends data without reloading the


page (e.g., contact forms).
 Example: Contact Forms, Comment Boxes
• When a user submits a form, AJAX sends the data
to the server.
• The server responds with a success or error
message.
• The page stays the same, just updates the message
dynamically.

4. Live Chat: Sends/receives messages instantly (e.g.,


Messenger).
Example: WhatsApp Web, Messenger
• AJAX is used to send and receive messages instantly.
• The chat window updates in real-time without page
refresh.
• Messages appear immediately as they arrive.
5. Updating Parts of a Page (Without Full Reload)
Example: Weather Widgets, Dashboard Stats, Notification
Counters
• A small part of the page (like a weather box or a counter)
updates with new data.
• Only that section reloads, not the whole page.
• Great for real-time stats or dynamic UI panels.

Real-World Uses of AJAX :


Feature AJAX Usage
Google Suggests results as you type
Search
Facebook New comments/posts load without page refresh
Instagram Scroll down to load more posts
Forms Submits data without reloading the page
Chat Apps Live message updates

Technologies Commonly Used with AJAX :

Frontend: JavaScript, jQuery, HTML5


• Backend: PHP, Node.js, Python, Ruby, etc.
• Data Formats: JSON (most popular), XML (older)

Common AJAX Functions :

XMLHttpRequest() – Older way of making requests


• fetch() – Modern and cleaner
• $.ajax() – jQuery method for AJAX calls

Beniftis of Ajax Language :

 Improved user experience: AJAX allows


web applications to be more responsive
and interactive, as users don't have to
wait for a full page reload for every
action.
 Dynamic content: AJAX enables web
pages to be updated dynamically, without
requiring a full page refresh.
 Faster loading times: By only updating
parts of the page, AJAX can reduce the
amount of data that needs to be
transferred, resulting in faster loading
times.

Conclusion / summary :

AJAX allows web pages to be updated asynchronously—


that means the browser can communicate with the server and
update parts of the page without refreshing the whole page.
AJAX It’s not a programming language, but a technique
used in web development to create faster and more
interactive web applications.

You might also like