[原创]用Ajax实现动态级联菜单的一段Javascrpit脚本

[watermark]

1. <script language="javascript">
2. var XMLHttpReq;
3. var currentSort;
4. //创建XMLHttpRequest对象
5. function createXMLHttpRequest() {
6. if(window.ActiveXObject) {
7. //IE 浏览器
8. XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
9. }
10. else if (window.XMLHttpRequest) {
11. // Mozilla浏览器
12. XMLHttpReq = new XMLHttpRequest();
13. }
14. //发送请求函数
15. function sendRequest(url) {
16. createXMLHttpRequest();
17. XMLHttpReq.open("GET", url, true);
18. XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
19. XMLHttpReq.send(null); // 发送请求
20. }
21. // 处理返回信息函数
22. function processResponse() {
23. if (XMLHttpReq.readyState == 4) { // 判断对象状态
24. if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
25. updateMenu();
26. }
27. else { //页面不正常
28. alert("您所请求的页面有异常。");
29. }
30. }
31. }
32. //更新菜单函数
33. function updateMenu() {
34. var res=XMLHttpReq.responseXML.getElementsByTagName("res")
35. var subMenu = "";
36. for(var i = 0; i < res.length; i++) {
37. subMenu = subMenu + " " + res[i].firstChild.data + "<br>";
38. }
39. currentSort.innerHTML = subMenu;
40. }
41. // 创建级联菜单函数
42. function showSubMenu(obj) {
43. currentSort =document.getElementById(obj);
44. currentSort.parentNode.style.display = "";
45. sendRequest("menu?sort=" + obj);
46. }
47. </script>

复制代码

[/watermark]

研究一下

Ajax，不懂的东东，貌似和web2.0有点关系。。