用XML和javascript制作菜单

Making a menu with XML and javascript?

本文关键字:菜单 javascript XML      更新时间:2023-09-26

我正在考虑使用XML和Javascript制作菜单。但我不确定,如何。我在想这样的事情菜单.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,如果这是我应该使用的东西。

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

使用PHP函数simplexml_load_file它将把XML变成一个对象。

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