PHP and Ajax: Prepared by T.C Jayanidu Wattega Ma

PHP and AJAX
Prepared by T.C Jayanidu Wattega

ma
XMLHttpRequest object, a web page can

make a request to, and get a response from a
web server - without reloading the page.
Prepared by T.C Jayanidu
onreadystatechange
Property
The XMLHttpRequest object has a special

property called onreadystatechange.
This property, onreadystatechange, stores a
function
onreadystatechange stores the function that
will process the response from the server.
As the name sort of implies, every time the

"ready state" changes this function will be
executed
/ /Create a function that will receive data sent

from the server
ajaxRequest.onreadystatechange =
function(){
// code here
}
readyState Property
The XMLHttpRequest object has another

property called readyState.
This is where the status of our server's
response is stored .
The response can be processing,
downloading or completed.
Each time the readyState changes then our

onreadystatechange function executes.
When the property readyState is 4 that
means the response is complete and we can
get our data.
// Create a function that will receive data sent

from the server
ajaxRequest.onreadystatechange = function()
{ if(ajaxRequest.readyState == 4){ // Get the
data from the server's response } }
we can access the property that stores the

server's response, responseText .
responseText Property
from the server
{ if(ajaxRequest.readyState == 4)
{ document.myForm.time.value =
ajaxRequest.responseText;
}
}
Sending a Request for

Information
1.
2.
Sending a request is comprised of two

steps:
Specify the URL of server-side script that
will be used in our Ajax application .
Use the send function to send off the
request.
The URL is set using the open method, which

takes three arguments.
The second argument is the important one,
as it is the URL of our PHP script.

from the server
{ if(ajaxRequest.readyState == 4)
{
document.FormName.InputName.value =
}
} ajaxRequest.open("GET", "server.php", true);
<html>
<body>
<script language="javascript
type="text/javascript">
function ajaxFunction()
{
var ajaxRequest; // The variable that makes
Ajax possible!
// Create a function that will receive data sent from the

server ajaxRequest.onreadystatechange = function()
{
if(ajaxRequest.readyState == 4)
{
document.myForm.time.value =
}
} ajaxRequest.open("GET", "serverTime.php", true);
ajaxRequest.send(null);
}
</script>
<form name='myForm'> Name: <input

type='text' onChange="ajaxFunction();"
name='username' /> <br /> Time: <input
type='text' name='time' />
</form>
</body>
</html>
<?php
echo date("H:i:s");
?>
Database search
<html>
<head>
<script type="text/javascript" src=esoft.js"></script>
</head>
<body>
<form>
Select a course :
<select name=course" onchange="show(this.value)">
<option value="1">BCS</option>
<option value="2">BIT </option>
<option value="3">HND </option>
<option value="4">Web Development</option>
</select>
</form>
<br />
<div id=Details"><b>Details for every course will display below</b></div>
</body>
</html>
var xmlhttp;
function show(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url=course.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById(" Details
").innerHTML=xmlhttp.responseText;
}
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
<?php
$course=$_GET["q"];
$con = mysql_connect('localhost', root', root');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db(Esoft", $con);
$sql="SELECT * course WHERE id = ". $course."'";
$result = mysql_query($sql);
echo "<table border='1'>
<tr>
<th>Course</th>
<th>Std Name</th>
<th>Contact Number</th>
<th>Address</th>
<th>status</th>
</tr>";
while($row = mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row[course'] . "</td>";
echo "<td>" . $row[StdName'] . "</td>";
echo "<td>" . $row[ContactNumber'] . "</td>";
echo "<td>" . $row[Adress'] . "</td>";
echo "<td>" . $row[Status'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysql_close($con);
?>

PHP and Ajax: Prepared by T.C Jayanidu Wattega Ma

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

PHP and Ajax: Prepared by T.C Jayanidu Wattega Ma

Caricato da

Copyright:

Formati disponibili

PHP and AJAX

Prepared by T.C Jayanidu Wattega

XMLHttpRequest object, a web page can

Prepared by T.C Jayanidu

The XMLHttpRequest object has a special

Prepared by T.C Jayanidu

As the name sort of implies, every time the

Prepared by T.C Jayanidu

/ /Create a function that will receive data sent

Prepared by T.C Jayanidu

The XMLHttpRequest object has another

Prepared by T.C Jayanidu

Each time the readyState changes then our

Prepared by T.C Jayanidu

// Create a function that will receive data sent

Prepared by T.C Jayanidu

we can access the property that stores the

Prepared by T.C Jayanidu

Sending a Request for

Sending a request is comprised of two

Prepared by T.C Jayanidu

The URL is set using the open method, which

Prepared by T.C Jayanidu

// Create a function that will receive data sent

Prepared by T.C Jayanidu

// Create a function that will receive data sent from the

<form name='myForm'> Name: <input

Prepared by T.C Jayanidu

Prepared by T.C Jayanidu

Prepared by T.C Jayanidu

Prepared by T.C Jayanidu

Prepared by T.C Jayanidu

Prepared by T.C Jayanidu

Prepared by T.C Jayanidu

Potrebbero piacerti anche