php和ajax的mysql数据库的例子_PHP和AJAX的MySQL数据库的例子

【www.bbyears.com--mysql教程】

PHP和AJAX的MySQL数据库的例子

用户信息将在这里列出。

这个例子包含了四个要素：

MySQL数据库
一个简单的HTML表单
一个JavaScript
一个PHP网页



数据库
这个数据库我们将使用在这个例子中看起来像这样：

id FirstName LastName Age Hometown Job 1 Peter Griffin 41 Quahog Brewery 2 Lois Griffin 40 Newport Piano Teacher 3 Joseph Swanson 39 Quahog Police Officer 4 Glenn Quagmire 41 Quahog Pilot

<script src="selectuser.js"></script>

 
Select a User:

Peter Griffin
Lois Griffin
Glenn Quagmire
Joseph Swanson

User info will be listed here.

例如解释-的H TML表单 
正如你所看到的，这只是一个简单的HTML格式的下拉框中所谓的“用户”的名字和“身份证”从数据库，作为选择的价值。 

该段以下的形式包含一个专区所谓的“ txtHint ” 。该专区是用作预留位置信息检索的网络服务器。 

当用户选择的数据，一个函数称为“ showUser （ ） ”执行。执行的职能是引发的“ onchange ”事件。 

换句话说：每一次变化的用户的价值在下拉框中，功能showUser （ ）被调用。 


  

的JavaScript 
这是JavaScript代码存储在文件中“ selectuser.js ” ：
var xmlHttp
function showUser(str)
{ 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }
var url="getuser.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 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}
例如解释 
该stateChanged （ ）和GetXmlHttpObject职能是一样的PHP的AJAX章建议，您可以去那里解释这些。 

该showUser （ ）函数 

如果一个项目在下拉框中选择执行的功能如下： 

吁请GetXmlHttpObject函数创建一个XMLHTTP物件 
界定了网址（档）传送给服务器 
添加一个参数（ Q ）的网址与内容的下拉框 
添加一个随机数字，以防止服务器使用快取档案 
呼叫stateChanged改变时，就会触发 
开幕XMLHTTP物件与特定网址。 
发送一个HTTP请求到服务器 

  

PHP页面 
该服务器的页面要求的JavaScript ，是一个简单的PHP文件名为“ getuser.php ” 。 

该网页是PHP写成的，并使用一个MySQL数据库。 

该代码运行一个SQL查询的数据库，并返回结果作为HTML表：
Firstname
Lastname
Age
Hometown
Job
";

while($row = mysql_fetch_array($result))
 {
 echo "";
 echo "" . $row["FirstName"] . "";
 echo "" . $row["LastName"] . "";
 echo "" . $row["Age"] . "";
 echo "" . $row["Hometown"] . "";
 echo "" . $row["Job"] . "";
 echo "";
 }
echo "";

mysql_close($con);
?>
转载请注明来自http://www.111cn.net/wy/yw.html

本文来源：http://www.bbyears.com/shujuku/17125.html