javascript - 使用 XML 和 javascript 制作菜单？

Question

我正在考虑使用 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，我也了解 PHP。

Answer 1

使用 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>