导读:一个很简单的ajax二级联动菜单代码分享,含php代码,需要的朋友可以参考一下。
一个很简单的ajax二级联动菜单代码分享,含php代码,需要的朋友可以参考一下。
复制代码代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>ajax 二级联动菜单代码分享</title>
- <script language="javascript">
- var http_request=false;
- function send_request(url){//初始化,指定处理函数,发送请求的函数
- http_request=false;
- //开始初始化XMLHttpRequest对象
- if(window.XMLHttpRequest){//Mozilla浏览器
- http_request=new XMLHttpRequest();
- if(http_request.overrideMimeType){//设置MIME类别
- http_request.overrideMimeType("text/xml");
- }
- }
- else if(window.ActiveXObject){//IE浏览器
- try{
- http_request=new ActiveXObject("Msxml2.XMLHttp");
- }catch(e){
- try{
- http_request=new ActiveXobject("Microsoft.XMLHttp");
- }catch(e){}
- }
- }
- if(!http_request){//异常,创建对象实例失败
- window.alert("创建XMLHttp对象失败!");
- return false;
- }
- http_request.onreadystatechange=processrequest;
- //确定发送请求方式,URL,及是否同步执行下段代码
- http_request.open("GET",url,true);
- http_request.send(null);
- }
- //处理返回信息的函数
- function processrequest(){
- if(http_request.readyState==4){//判断对象状态
- if(http_request.status==200){//信息已成功返回,开始处理信息
- document.getElementById(reobj).innerHTML=http_request.responseText;
- }
- else{//页面不正常
- alert("您所请求的页面不正常!");
- }
- }
- }
- function getclass(obj){
- var pid=document.form1.select1.value;
- document.getElementById(obj).innerHTML="";
- send_request('doclass.php?pid='+pid);
- reobj=obj;
- }
-
- </script>
- </head>
- <body>
- <form name="form1">
- <select name="select1" id="class1" style="width:100;" onChange="getclass('class2');">
- <option selected="selected"></option>
- <option value="1">大类1</option>
- <option value="2">大类2</option>
- </select>
- <select name="select2"id="class2" style="width:100;">
- </select>
- </form>
- </body>
- </html>
-
php 代码:
复制代码代码如下:
- <?php
- header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
- $pid=$_GET['pid'];
- $db=mysql_connect("localhost","root","7529639"); //创建数据库连接
- mysql_query("set names 'GBK'");
- mysql_select_db("menuclass");
- $sql="select classname from menu where parentid=".$pid."";
- $result=mysql_query($sql);
-
- //循环列出选项
- while($rows=mysql_fetch_array($result)){
- echo ';
- echo $rows['classname'];
- echo "n";
- }
- ?>