Академический Документы
Профессиональный Документы
Культура Документы
INTRODUCTION,BENEFITS,CONS,SECURITY,METHODS,PROPERTIES
MEMBERS
TUSHAR PALIT
(59)
ANKIT SHUBHAM
NANDAN(12) SINGH(56)
HARSH PRAKASH
SINGH(25) KUMAR(39)
MRITYUNJAYA
VATSA(34)
INTRODUCTION
• AJAX stands for Asynchronous JavaScript and Xml.
• Asynchronous calls
• Responsiveness
CONS
• Browser Incompatibility
• Insecurity
• Event is asynchronous
• abort()
• getAllResponseHeaders()
• open(method,url,asynchronous,user,password)
• send(content)
• setRequestHeader(header,value)
PROPERTIES
• onreadystatechange
• readyState
• responseText
• responseXml
• status
function sendRequest(){
var xmlHttp = new XMLHttpRequest();
if(!xmlHttp){
return false;
}
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==0){
alert("UNINITIALIZED");
}
if(xmlHttp.readyState==1){
alert("SERVER CONNECTION ESTABLISHED");
}
if(xmlHttp.readyState==2){
alert("REQUEST RECEIVED");
}
if(xmlHttp.readyState==3){
alert("PROCESSING REQUEST");
}
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
alert("REQUEST FINISHED");
alert(xmlHttp.status);
alert(xmlHttp.statusText);
document.getElementById("p2").innerHTML =
this.getResponseHeader('Content-Type');
document.getElementById("p3").innerHTML =this.getAllResponseHeaders();
myFunction(xmlHttp);
}
}
}
var requestURI = "ajaxxml.xml";
xmlHttp.open("GET",requestURI,true);
xmlHttp.send();
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table;
var x = xmlDoc.getElementsByTagName("user");
for (i = 0; i <x.length; i++) {
var users = x[i].firstChild.nodeValue;
var tr = document.createElement("tr");
var td = document.createElement("td");
var textNode = document.createTextNode(users);
td.appendChild(textNode);
tr.appendChild(td);
document.getElementById("area").appendChild(tr);
}
} RUN
TEXT FILE:-
<script>
function loadDoc()
{
var xhttp=new XMLHttpRequest();
xhttp.onreadystatechange=function checking()
{
if(this.readyState==4 && this.status==200)
{
document.getElementById("demo").innerHTML
=this.responseText;
}
}
xhttp.open("GET","ajaxinfo.txt",true);
xhttp.send();
}
</script>
<body>
<div id="demo">
<h3>AJAX EXAMPLE</h3>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
<div>
This div will not be sent to the server.
</div>
</body>
</html>
Google Suggest
As you type, Google offers suggestions. Use the
arrow keys to navigate the results.
Gmail
Gmail is a webmail built on the idea that emails can
be more intuitive, efficient, and useful.
Example ….