我在html中使用Ajax引用了js里面的变量，由于数值和数量太多想分开成多个文件引用

Question

<div class="content">
    <p class="info">请选择类别</p>
    <!-- Ajax loaded content here -->
</div>
<script src="js/dummydata.js"></script>
<script>
(function() {
    var menuEl = document.getElementById('ml-menu'),
        mlmenu = new MLMenu(menuEl, {
            // breadcrumbsCtrl : true, // show breadcrumbs
            // initialBreadcrumb : 'all', // initial breadcrumb text
            backCtrl : false, // show back button
            // itemsDelayInterval : 60, // delay between each menu item sliding animation
            onItemClick: loadDummyData // callback: item that doesn´t have a submenu gets clicked - onItemClick([event], [inner HTML of the clicked item])
        });

    // mobile menu toggle
    var openMenuCtrl = document.querySelector('.action--open'),
        closeMenuCtrl = document.querySelector('.action--close');

    openMenuCtrl.addEventListener('click', openMenu);
    closeMenuCtrl.addEventListener('click', closeMenu);

    function openMenu() {
        classie.add(menuEl, 'menu--open');
    }

    function closeMenu() {
        classie.remove(menuEl, 'menu--open');
    }

    // simulate grid content loading
    var gridWrapper = document.querySelector('.content');

    function loadDummyData(ev, itemName) {
        ev.preventDefault();

        closeMenu();
        gridWrapper.innerHTML = '';
        classie.add(gridWrapper, 'content--loading');
        setTimeout(function() {
            classie.remove(gridWrapper, 'content--loading');
            gridWrapper.innerHTML = '<ul class="products">' + dummyData[itemName] + '<ul>';
        }, 700);
    }
})();
</script>

这是html页面引用的代码
下面是JS里面的代码

var dummyData = {
    "短视频":"<li class=\"product\"><div class=\"foodicon\"></div></li>",
    "长视频":"<li class=\"product\"><div class=\"foodicon\"></div></li>",
    "测试外部内容":"../waibu.html",

我现在就是想在“测试外部内容”这个定义值的内容是读取上级目录的weibu.html文件里面的内容
因为我要在比如短视频这个定义值里面不停的写li和其它的内容