AJAX, PHP, MySQL. Primeri.
Baza sada izgleda ovako:
Primer 1. Ispis na osnovu selektovane vrednosti u combo –
box
Na slikama se vidi rezultat ovog primera. Na zahtev korisnika, odnosno nakon selektovanja
jedne od opcija iz combobox-a, asinhrono se ispisuju podaci o državi.
prikaz.php
<html>
<head>
<script src="pronadji.js"></script>
</head>
<body>
<?php
$con = mysql_connect('localhost', 'root', '');
if (!$con)
{
4
die('Konekcija nije uspela: ' . mysql_error());
}
mysql_select_db("svet", $con);
$sql="SELECT * FROM Drzava";
$result = mysql_query($sql);
?>
<form>
<b>Izaberi drzavu:</b>
<select name="drzave" onchange="PrikaziZemlju(this.value)">
<?php
while($row = mysql_fetch_array($result))
{
?>
<option value="<?php echo $row['id'];?>"><?php echo $row['drzava'];?></option>
<?php
}
?>
</select>
</form><p>
<div id="popuni"><b>Podaci o selektovanoj drzavi ce biti prikazani ovde. Stranica se ne
ucitava ponovo</b></div>
</p></body>
</html>
pronadji.js
var xmlHttp
function PrikaziZemlju(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser ne podrzava xmlHttpRequest")
return
}
var url="prikazidrzavu.php"
url=url+"?iddrzave="+str
//ne dozvoli kesiranje
url=url+"&sid="+Math.random()
//obrada promene stanja objekta xmlHttpRequest
xmlHttp.onreadystatechange=obradapromenestanja
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function obradapromenestanja()
{
if (xmlHttp.readyState==4)
{
document.getElementById("popuni").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
5
echo "</table>";
mysql_close($con);
?>
Primer 2. Autosuggest i autocomplete
Na slikama se vidi rezultat ovog primera. Korisnik unosi simbole u polje za unos i asinhrono
se ispisuju predlozi. Lista drzava se čita iz baze.
Selektovanjem određene države, njen naziv se automatski ubacuje u text-box
7
