两天时间用ajax写了个无限级的多级联动菜单(ajaxphp构架).docxVIP

PAGE PAGE #/ 8 花了两天时间。研究AJAX，终于独立完成一个无限组的多级菜单联动 功能。 主要特点： 就是HTML静态页面可以无刷新的与PHP动态角本文件及数据库交互 (这也是AJAX的核心目的)。 以下把代码贴出来。供大家参考指正： ajax.js 文件(位于根目录下 js 子目录) var xmlHttp; function createXmlHttp(){ if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject(Microsoft.XMLHttp);}} basic」nc.php位于根目录下 /inelude 子 目录下) ?php $DB_SERVER=localhost; $DB_NAME=ajax; $DB_USER=root; $DB_PASSWORD=; ? conn.php(位于根 目录下/inelude 子 目录下) ?php require_once(dir_inc.php); require_once($ROOT_DIR.include/basic_inc.php); @$db=mysql_connect($DB_SERVER,$DB_USER) (faile!.mysql_error()); @mysql_select_db($DB_NAME); ? dir_inc.php (位于根目标下 /inelude 子目录下) ?php $ROOT_DIR=../; ? select_me nu.html(位于根目录下是核心前台文件)or die !DOCT YPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtml head titleselect_menu/title scripttype=text/javascript src=js/ajax.js// 这里引用创建 xmlHttp 对像的 文件(对浏览器做过判断) /script script type=text/javascript var targetSelld;//申明一个全局变量用来存放当前要操作的对像的ID var selArray;//申明一个全局数组。用来存放级联菜单的数组 // 获取列表选项的调用函数 function buildSelect(selectedld,targetld){ if(selectedId==){//selectedId 为空表示选中了默认项 clearSubsel(targetId);// 清除目村列表及下级列表的选项 return;// 直接结束调用，不必向服务器请求信 息}createXmlHttp(); //将传入的目标列表的Id赋值给TargetSelld变量 targetSelld二targetld;// 创建 XmlHttpRequest 对像 //alert(targetSelId); xmlHttp.onreadystatechange=buildSelectCallBack; //设置回调函数 xmlHttp.open(GET,select_menu.php?selectedld=+selectedld,true);xmlHttp.send( null);}// 获取列表选项的回调函数 function buildSelectCallBack(){ if(xmlHttp.readyState==4){ // 将从服务器获得的文本转为对像直接量 // alert((+xmlHttp.responseText+)); var selectlnfo=eval((+xmlHttp.responseText+)); var targetSelNode=document.getElementByld(targetSelld); clearSubSel(targetSelld);//清除列表及下级列表中的选项 // 遍历对像直接量中的成员 for(var o in selectlnfo){ var option1 = document.createElement(option);// 创建一个 Option 节点 option 1.value=o;〃节点无素的值为o optio nl.appe ndChild(docume nt.createTextNode(select In fo[o]));〃 给节点加入文本 信息 targetSelNode.appendChild(option1);// 把以上的节点信息创建在 targetSelNode对像上}}}//根据传入的Value和Text创建选项，这个函