Example
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
var XMLHttpRequestObject = false;
if(window.XMLHttpRequestObject)
{
XMLHttpRequestObject = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getdata(datasource, divid)
{
if(XMLHttpRequestObject)
{
var obj = document.getElementById(divid);
XMLHttpRequestObject.Open("GET",datasource+document.getElementById("tb1").value);
XMLHttpRequestObject.onreadystatechange = function()
{
if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
{
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
</head>
<body>
<form>
<input name="tb1" type="text">
<input name="submit" type="button" value="cllick me" onClick="getdata('http://localhost/ajax/ajax2.php?tb1=','targetdiv')">
</form>
<div id = "targetDiv">
<p>fetched msg</p>
</div>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
var XMLHttpRequestObject = false;
if(window.XMLHttpRequestObject)
{
XMLHttpRequestObject = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getdata(datasource, divid)
{
if(XMLHttpRequestObject)
{
var obj = document.getElementById(divid);
XMLHttpRequestObject.Open("GET",datasource+document.getElementById("tb1").value);
XMLHttpRequestObject.onreadystatechange = function()
{
if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
{
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
</head>
<body>
<form>
<input name="tb1" type="text">
<input name="submit" type="button" value="cllick me" onClick="getdata('http://localhost/ajax/ajax2.php?tb1=','targetdiv')">
</form>
<div id = "targetDiv">
<p>fetched msg</p>
</div>
</body>
</html>
No comments:
Post a Comment