我想在 ul 和 li 标签中显示来自 ajax 响应函数的数据？

Question

$(document).ready(function() {
    $.ajax({
        type: 'post',
        url: 'submenu.php',
        success: function(response) {
            //console.log(response);
            var menuArray = JSON.parse(response);
            var html = "";
            $.each(menuArray, function(key, value) {
                html += "<li><a href=''>" + value.Menu_Name + "</a></li>";
                if (value.subMenu.length > 0) {
                    console.log(JSON.stringify(value.subMenu));
                    $.each(value.subMenu, function(key, subValue) {
                        html += "<li><a href=''>" + subValue.text + "</a></li>";
                    });
                }
            });
            console.log(html);
            if (response != "") {
                $("#main_menu").html(html);
            }
        }
    });
});

在这段代码中，我的数据来自数据库，我想在 ul 和 li 列表中显示这些数据，例如菜单和子菜单。如何在这段代码中使用 ul 和 li 标签来显示菜单栏。

Answer 1

如果你不向它传递参数，为什么你会使用 AJAX 请求获取菜单？ 这可能只意味着菜单是静态的，而不是动态的。 如果你想得到 - 最好使用 $_GET 请求，而不是 $_POST。

关于你的问题：

$(document).ready(function(){
    $.post('submenu.php', function(response) {
        var html = '';

        $.each(response, function(key, value) {
            html += '<li>' + value.Menu_Name;          
            if (value.subMenu.length > 0) {
                $.each(value.subMenu, function(subKey, subValue) {
                    html += '<li>' + subValue.text + '</li>';     
                });
            }  
            html += '</li>'
        });

        if (html != '') {
            html = '<ul>' + html + '</ul>';
        }

        $('#main_menu').html(html);

    }, 'json');
});