使用XML和javascript制作菜单?

时间:2016-03-08 06:00:10

标签: javascript php xml menu

我正在考虑使用XML和Javascript制作菜单。但我不确定,怎么做。我在想这样的事情 的 menu.xml文件

<menuroot>
<menu src="house.png" link="index.htm">img</menu>
<menu src="news.png" link="news.htm">img</menu>
<menu link="index.htm">1-3
<submenu link="1.htm"> 1</submenu>
<submenu link="2.htm"> 2</submenu>
<submenu link="3.htm"> 3
<submenu>31</submenu>
<submenu>32</submenu>
</submenu>
</menuroot>

对于那些不懂编程的人来说,我想要的只是一个简单的方法来改变菜单。 这是一种聪明的方式吗?我应该尝试别的吗?有任何想法吗? 我也知道PHP,如果这是我应该使用的东西。

2 个答案:

答案 0 :(得分:2)

使用XML和Javascript

<p id="Menu"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "Menu.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    document.getElementById("Menu").innerHTML =
    xmlDoc.getElementsByTagName("menu")[0].childNodes[0].nodeValue;
}
</script>

答案 1 :(得分:0)

使用PHP函数simplexml_load_file将XML转换为对象more..

<?php
$Menu = simplexml_load_file('menu.xml');
echo $Menu->item[0]->itemurl;
?