Hi All,
I am completely new to AJAX.
This is the first program I have come across and I must say I am confused..
Few of my queries are below:
I wrote below code in a notepad and saved as html. But I don't know where to place the "ajax_info.txt" file. It dint work when I placed it in the same folder as the .html file
Also I don't understand and which response are we collecting through xmlhttp.responseText. Because its only on the next line (xmlhttp.open("GET","ajax_info.txt",true) that we actually mention the url/path to which we are trying to connect. So whom are we trying to get response from in : xmlhttp.open("GET","ajax_info.txt",true
I know its tooooo basic but just cant get a hold of it.
<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body><div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button></body>
</html>
I am completely new to AJAX.
This is the first program I have come across and I must say I am confused..
Few of my queries are below:
I wrote below code in a notepad and saved as html. But I don't know where to place the "ajax_info.txt" file. It dint work when I placed it in the same folder as the .html file
Also I don't understand and which response are we collecting through xmlhttp.responseText. Because its only on the next line (xmlhttp.open("GET","ajax_info.txt",true) that we actually mention the url/path to which we are trying to connect. So whom are we trying to get response from in : xmlhttp.open("GET","ajax_info.txt",true
I know its tooooo basic but just cant get a hold of it.
<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body><div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button></body>
</html>
1 Answer, 1 is accepted
0
Hello Kanchan,
Let me start by saying that this forum is for Telerik ASP.NET AJAX controls suite.
For your question, please refer to the following articles:
Hope the above articles will help with your project.
Regards,
Konstantin Dikov
Telerik
Let me start by saying that this forum is for Telerik ASP.NET AJAX controls suite.
For your question, please refer to the following articles:
- AJAX - Send a Request To a Server
- Live demo of your exact scenario
- XMLHttpRequest Level 1
- The XMLHttpRequest Object
Hope the above articles will help with your project.
Regards,
Konstantin Dikov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.