If you are a absolute learner and want to learn Ajax then you can get info step by step. Here we are providing the Ajax tutorial for beginners. As you know AJAX permit the web pages to be updated asynchronously by exchanging data with a web server behind the scenes that means it update the parts of a web page without reload the full page. Here you can learn with examples just visit now here https://www.phptpoint.com/ajax-tutorial/
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Ajax tutorial for beginners
1. AJAX TUTORIAL FOR
BEGINNERS
AJAX Stands for Asynchronous
JavaScript and XML
It is a technique for creating fast
and dynamic web pages.
AJAX allows web pages to be
updated asynchronously by
exchanging small amounts of data
with the server.
This means that it is possible to
update parts of a web page, without
reloading the whole page.
An Ajax call is an asynchronous
request initiated by the browser that
does not directly result in a page
transition. A servlet request is a Java-
specifc term (servlets are a Java
specification) for servicing an HTTP
request that could get a simple GET
or POST (etc) or an Ajax request.
WHAT IS THE
XMLHTTPREQUEST ?
XMLHttpRequest (XHR) is an API
available to web browser scripting
languages such as JavaScript. It is used
to send HTTP or HTTPS requests to a
web server and load the server
response data back into the script.
AJAX tutorial covers concepts and examples
of AJAX technology for beginners and
professionals.
AJAX is an acronym for Asynchronous
JavaScript and XML. It is a group of inter-
related technologies like JavaScript,
DOM, XML, HTML/XHTML, CSS, XMLHttpR
equest etc.
AJAX allows you to send and receive data
asynchronously without reloading the web
page. So it is fast.
AJAX TUTORIAL WITH
SUITABLE EXAMPLE
What is an Ajax call ?
<!DOCTYPE html>
<html>
<html>
<title>Ajax Example</title>
<script>
function loadAjax()
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
{
document.getElementById("msg").innerHTML =
this.responseText;
}
};
xmlhttp.open("GET", "load_data.txt", true);
xmlhttp.send();
}
</script>
</html>
<body>
<div id="msg">
<h1>This content will change after click on button</h1>
</div>
<input type="button" onclick="loadAjax()" value="Click here to
cahnge Content"></button>
</body>
</html
Source
