Ajax MySQL veri almak - Düzgün çalışmıyor

0 Cevap php

AJAX öğrenme yaşıyorum ve ben bu oldukça basit bir örnek yeniden oluşturmak çalışıyorum:

http://www.w3schools.com/php/php_ajax_database.asp

Ben bu veritabanı oluşturulur:

data1

alt text

Yani şimdi ben sadece temelde kopyalanıp yapıştırılan kod örneği yeniden:

index.html

<html>
<head>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
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("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Select a person:</option>
<option value="1">Juan</option>
<option value="2">Manuel</option>
</select>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>

ve getuser.php

<?php
$q=$_GET["q"];

$con = mysql_connect('localhost', 'root', 'root');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("ajax_demo", $con);

$sql="SELECT * FROM user WHERE id = '".$q."'";

$result = mysql_query($sql);

echo "<table border='1'>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<th>Hometown</th>
<th>Job</th>
</tr>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td>" . $row['FirstName'] . "</td>";
  echo "<td>" . $row['LastName'] . "</td>";
  echo "<td>" . $row['Age'] . "</td>";
  echo "<td>" . $row['Hometown'] . "</td>";
  echo "<td>" . $row['Job'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

mysql_close($con);
?>

Şimdi garip bir parçasıdır ben index.html gittiğimde Ad ve Soyad yaşı, memleketi ve iş görmek değil olmasıdır:

alt text

Bu çok temel bir hata olabilir farkında ama ben bir çözüm bulamıyorum.

Ben çok kodu yapıştırın zorunda üzgünüm ama benim sorunu açıklayacak başka bir yolu yoktu ve bana yardımcı olabilir.

Teşekkür peşin a lot!

0 Cevap