php信息列表是怎么实现的,Ajax+PHP实现的分类列表框功能示例

本文实例讲述了Ajax+PHP实现的分类列表框功能。分享给大家供大家参考，具体如下：

一 代码

conn.php：

$conn = mysql_connect("localhost", "root", "root") or die("连接数据库服务器失败！".mysql_error()); //连接MySQL服务器

mysql_select_db("db_database27",$conn); //选择数据库db_database27

mysql_query("set names utf8"); //设置数据库编码格式utf8

?>

index.php：

添加商品信息

添加商品
商品名称：
商品类别：	include_once("conn/conn.php");//包含数据库连接文件 $sql=mysql_query("select * from tb_commotype group by ptype");//按大类分组查询 while($row=mysql_fetch_array($sql)){//循环输出下拉列表框选项 echo "".$row['ptype'].""; } ?>
商品价格：

changetype(document.getElementById("ptype").value);//页面载入即执行函数，显示子类内容

type.php：

include_once("conn/conn.php");//包含数据库连接文件

//echo $_GET['ptype'];

//$ptype=iconv("gb2312","utf-8",$_GET['ptype']);//把参数值做编码转换

$sql=mysql_query("select stype from tb_commotype where ptype='".$_GET['ptype']."'");//查询子类内容

echo "";//输出html

while($row=mysql_fetch_array($sql)){//循环输出列表框选项中子类内容

echo "".$row['stype']."";

}

echo "";//输出html

?>

index.js：

function changetype(v){

var xml;

if(window.ActiveXObject){//如果是浏览器支持ActiveXObjext则创建ActiveXObject对象

xml=new ActiveXObject('Microsoft.XMLHTTP');

}else if(window.XMLHttpRequest){//如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象

xml=new XMLHttpRequest();

}

xml.open("GET","type.php?ptype="+v,true);//使用GET方法调用type.php并传递参数的值

xml.onreadystatechange=function(){//当服务器准备就绪执行回调函数

if(xml.readyState==4 && xml.status==200){//如果服务器已经传回信息并未发生错误

var msg=xml.responseText;//把服务器传回的值赋给变量msg

//document.getElementById("showtype").innerHTML=msg;

alert(msg);

showtype.innerHTML=msg;//把传回的值显示在id=showtype的元素中

}

}

xml.send(null);//不发送任何数据，因为数据已经使用请求URL通过GET方法发送

}

二 运行结果

希望本文所述对大家PHP程序设计有所帮助。