AJAX

What is AJAX?

AJAX stands for Asynchronous JavaScript and XML. It is a group of Inter-related technologies like JavaScript, DOM, XML, HTML, CSS etc.
AJAX allows you to send and receive data without reloading the web page.

(In simple AJAX is Load a remote page using an HTTP request.)

Importance of AJAX?

AJAX allows you to send only important information to the server not the entire page.
Only valuable data from the client side is routed to the server side. It makes your application interactive and faster

Benefits of Ajax

There are 4 main benefits of using Ajax in web applications:

Callbacks: Ajax is used to perform a callback, making a quick round trip to and from the server to retrieve and/or save data without posting the entire page back to the server
Making Asynchronous Calls: Ajax allows you to make asynchronous calls to a web server. This allows the client browser to avoid waiting for all data to arrive before allowing the user to act once more.
User-Friendly: Because a page postback is being eliminated, Ajax enabled applications will always be more responsive, faster and more user-friendly.
Increased Speed: The main purpose of Ajax is to improve the speed, performance and usability of a web application. A great example of Ajax is the movie rating feature on Netflix. The user rates a movie and their personal rating for that movie will be saved to their database without waiting for the page to refresh or reload. These movie ratings are being saved to their database without posting the entire page back to the server.

Basic Structure of AJAX:

Here is the simple syntax to use this method −

$.ajax( options )

Example:

<html>
    <head>
       <title>The jQuery Example</title>
       <script type = "text/javascript" 
          src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script type = "text/javascript" language = "javascript">
          $(document).ready(function() {
             $("#driver").click(function(event){
                $.ajax( {
                   url:'result.html',
                   success:function(data) {
                      $('#stage').html(data);
                   }
                });
             });
          });
       </script>
    </head>
 <body>
  <p>Click on the button to load result.html file:</p>
     <div id = "stage" style = "background-color:blue;">
          STAGE
     </div>
  <input type = "button" id = "driver" value = "Load Data" />
  </body>
 </html>

MamyPoko Pants Extra Absorb Baby Diapers, Large (L), 64 Count, 9-14kg

₹867.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Amazon Brand - Supples Premium Baby Diaper Pants | 62 Baby Diapers | Large | 9-14 Kg | 12 Hrs Absorption | Cushiony Cotton Soft Fabric | Phthalates-Free | Triple Leak Guard

₹545.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Himalaya Gentle Baby Wipes Mega Pack (72 Wipes x Pack of 4) | Save Rs 101/- |100% Biodegradable Plant-based fabric | Indian Lotus & Aloe Vera | Extra Soft

₹487.00 (as of December 29, 2024 20:19 GMT +05:30 - )

TRAXITO 12 PCS Edge Protector for Furniture Table Corner Guards for Sharp Edges Silicon Corner Protector for Sharp Edges Gel Table Corner Protector and Soft PVC Transparent Corner Guard (12)

(69)

₹289.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Zeccorp Edge Protector, Baby Proofing Edge Protector Strip, Soft Silicone Childproof Guards for Furniture, Desk, Table, Crib, Bed, Wall - Safety Bumper Cover for Sharp Corners & Edges (1.2 Meter)

₹149.00 (as of December 29, 2024 20:19 GMT +05:30 - )

SELMORE Stainless Steel Baby Feeding Bottle for Milk and Drinks with Silicon Nipple with Cover, 250ML for One Month Baby and Above, No Leakage BPA Free Bottle (250ML) (Pack of 1)

₹230.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Mother Sparsh 99% Pure Water (Unscented) Baby Wipes with Lid I Natural Plant made cloth - Super thick Wet Wipes I 72 pcs/pack - Pack of 2 (Super Saver Pack)

₹399.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Himalaya Extra Moisturizing Baby Wash 400ml | No tears formula |with Olive Oil, Aloe Vera & Milk | Cleanses and moisturizes baby’s skin

₹220.00 (as of December 29, 2024 20:19 GMT +05:30 - )

CAREIT Playards|Playpen for Kids up to 4 Years, Spacious 150x180 cm Baby Play Yard with Safety Lock & Hand Grip, Thick Padding & 360° Mesh Visibility, Portable Activity Center for Toddlers - Blue

(18)

₹4,699.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Lifelong Portable Bottle Warmer for Babies | USB Rechargeable | 6 Temperature Settings with Display | Baby Feeding Bottle Warmer for Travel | for All Bottles | Also Charge from Powerbanks (LLEBW09)

₹3,299.00 (as of December 29, 2024 20:19 GMT +05:30 - )

Apple USB-C to Lightning Cable (1m)

₹1,599.00 (as of December 30, 2024 06:24 GMT +05:30 - )

Logitech M186 Wireless Mouse, 2.4GHz with USB Mini Receiver, 12-Month Battery Life, 1000 DPI Optical Tracking, Ambidextrous, Compatible with PC, Mac, Laptop

₹495.00 (as of December 30, 2024 06:24 GMT +05:30 - )

Mi Xiaomi 33W Fast Charging Cable USB C Quick Charge 4.0 Soniccharge Cord Compatible withMi, Redmi, iPhone 15 Pro Samsung Galaxy Android Phone Laptop PD Charger Cable (White)

₹219.00 (as of December 30, 2024 06:24 GMT +05:30 - )

boAt Type C A325/A320 Tangle-free, Sturdy Type C Cable with 3A Rapid Charging & 480 Mbps Data Transmission Speed, Compatible with Smartphones & Tablets(Black)

₹199.00 (as of December 30, 2024 06:24 GMT +05:30 - )

Ambrane Unbreakable 60W Fast Charging 1.5M Braided Type C to Type C Cable for Smartphones, Tablets, Laptops & Other Type C Devices, PD Technology, 480Mbps Data Sync (RCTT15, Black)

₹199.00 (as of December 30, 2024 06:24 GMT +05:30 - )