带有Javascript＆amp; amp;的水平导航下拉菜单JSON

Question

如何让下拉菜单显示在水平导航菜单上？使用没有jquery的纯JS。

这是我的代码：

var xmlhttp = new XMLHttpRequest();
var nav = "navigation.json";

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var myNav = JSON.parse(xmlhttp.responseText);
        mainNav(myNav);
    }
 }
xmlhttp.open("GET", nav, true);
xmlhttp.send();

function mainNav(arr) {

var out = ""
var i;

for(i = 0; i < arr.length; i++)
    {
    out += '<a href="' + arr[i].url + '">' +
    arr[i].display + '</a>';
    }
document.getElementById("navlinks").innerHTML = out;
}

我从AJAX调用了我的JSON文件。但这是我的JSON数据的片段。

[
{
"display":"COMPANY ADDRESS",
"url":"",
"sub":[
    {
        "display":"2014-2015",
        "url":""
    },
    {
        "display":"2013-2014",
        "url":""
    },
    {
        "display":"2012-2013",
        "url":""
    },
    {
        "display":"2011-2012",
        "url":""
    }
]