顯示MySQL的數據從數據庫或從PHP使用Ajax

日期選擇我的建築，像顯示MySQL的數據從數據庫或從PHP使用Ajax

3個標籤的功能的應用程序使用JavaScript創建來自mysql表的數據。的功能必須是這樣的，我有一個textfield onclick哪個用戶可以選擇日期和一個按鈕執行。一旦按鈕點擊選擇日期，它必須從數據庫中獲取數據。那麼我應該在這個過程中使用ajax嗎？數據必須在我的html的特定部分中顯示，並且一旦內容必須被檢索，它必須保持在頁面上。這是用戶有提供選擇另一個日期。我的問題是我對AJAX是新手，我只是在初級階段。任何人都可以幫我做這件事嗎？

來源

2011-11-03 Neeraj

<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">Peter Griffin</option> 
<option value="2">Lois Griffin</option> 
<option value="3">Glenn Quagmire</option> 
<option value="4">Joseph Swanson</option> 
</select> 
</form> 
<br /> 
<div id="txtHint"><b>Person info will be listed here.</b></div> 
</body> 
</html>

第二個文件名IS getuser.php

<?php 
$q=$_GET["q"]; 
$con = mysql_connect('localhost', 'peter', 'abc123'); 
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); 
?>

這是例如列表框，當U選擇列表框中的相關信息是使用Ajax
只不過是你要創建的數據庫名稱顯示ajax_demo。

來源

2011-11-03 07:07:14

顯示MySQL的數據從數據庫或從PHP使用Ajax

回答

相關問題