Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
3 views3 pages

AJAX Is Use For Webpage

AJAX (Asynchronous JavaScript And XML) is a technique that allows web pages to update asynchronously by exchanging data with a server without reloading the entire page. It utilizes the XMLHttpRequest object to request and receive data from a server, enabling dynamic content updates. The document includes a simple example of an AJAX implementation in HTML and JavaScript, demonstrating how to change content on a webpage using data from a server.

Uploaded by

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

AJAX Is Use For Webpage

AJAX (Asynchronous JavaScript And XML) is a technique that allows web pages to update asynchronously by exchanging data with a server without reloading the entire page. It utilizes the XMLHttpRequest object to request and receive data from a server, enabling dynamic content updates. The document includes a simple example of an AJAX implementation in HTML and JavaScript, demonstrating how to change content on a webpage using data from a server.

Uploaded by

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

AJAX is use for:

• Update a web page without reloading the page

• Request data from a server - after the page has loaded

• Receive data from a server - after the page has loaded

• Send data to a server - in the background

# Create simple webpage Using to AJAX

<!DOCTYPE html>

<html>

<body>

<div id="demo">

<h1>The XMLHttpRequest Object</h1>

<button type="button" onclick="loadDoc()">Change Content</button>

</div>

<script>

function loadDoc() {

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

document.getElementById("demo").innerHTML =

this.responseText;

};

xhttp.open("GET", "ajaxinfo.txt", true);

xhttp.send();

</script>
</body>

</html>

ajaxinfo.txt

<h1>AJAX</h1>
<p>AJAX is not a programming language.</p>
<p>AJAX is a technique for accessing web servers from a web page.</p>
<p>AJAX stands for Asynchronous JavaScript And XML.</p>

========================================================

What is AJAX?
AJAX = Asynchronous JavaScript And XML.

AJAX is not a programming language.

AJAX just uses a combination of:

• A browser built-in XMLHttpRequest object (to request data from a web server)

• JavaScript and HTML DOM (to display or use the data)

AJAX allows web pages to be updated asynchronously by exchanging data with a web server
behind the scenes. This means that it is possible to update parts of a web page, without
reloading the whole page.
• 1. An event occurs in a web page (the page is loaded, a button is clicked)

• 2. An XMLHttpRequest object is created by JavaScript

• 3. The XMLHttpRequest object sends a request to a web server

• 4. The server processes the request

• 5. The server sends a response back to the web page

• 6. The response is read by JavaScript

• 7. Proper action (like page update) is performed by JavaScript

<?php

$image_path = "image.jpg";

?>

<!DOCTYPE html>

<html>

<body>

<h1>My Image</h1>

<img src="<?php echo $image_path; ?>" alt="Description of Image">

</body>

</html>

Here, $image_path is a PHP variable containing the path to the image. By using <?php echo
$image_path; ?>, you dynamically insert the image path into the HTML.

You might also like