Ajax+PHP实现的分类列表框功能示例

时间:2021-05-28

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

一 代码

conn.php:

<?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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://motype where ptype='".$_GET['ptype']."'");//查询子类内容 echo "<select name='stype' id='stype'>";//输出html while($row=mysql_fetch_array($sql)){//循环输出列表框选项中子类内容 echo "<option value='".$row['stype']."'>".$row['stype']."</option>"; } echo "</select>";//输出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相关内容感兴趣的读者可查看本站专题:《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章