使用 ajax 和 jquery 单击嵌套无序列表上的子菜单后网站上的数据未显示

Question

这是html无序列表的实现

<div id="dropdownmenu" style="position: fixed; margin: 0 auto; width: 100%; position: fixed; opacity: 1; text-align: center;">
        <ul id='navbar' class="menu">
            <li><a href="Home">Home</a></li>
            <li class="active"><a href="#s2"><%= session.getAttribute("name") %></a>
            <ul id='profile' class="submenu">
            <li id='account'>Account</li>
            <li id='password'><a>Change Password</a></li>
            <li id='myitinerary'><a>My Itineraries</a></li>
            <li id='promotions'><a>Promotions</a></li>
            </ul>
            </li>
            <li><a href="/ExpressBus-war/Logout">Logout</a></li>
        </ul>
        </div>

这是我正在尝试的脚本运行

<script>         
            $(function() {
                $("#dropdownmenu").click(function(event) {
                    if(event.target.id === 'myitinerary')
                    {
                        $.post({
                            type: 'POST',
                            data: {
                                username: <%= session.getAttribute("username") %>;
                            },
                            url: "GetItineraries",
                            success: function(result){
                                $('#content2').empty();
                                $("#content3").empty();
                                $("#content4").empty();
                                $('#content').html(result);
                            }
                        });
                    }
                });
            });
        </script>

我正在使用 Netbeans EE，基本上我打算做的是用我从 servlet 获得的结果填充内容。但到目前为止，我尝试的一切都没有奏效。

Answer 1

我设法解决了问题，我需要修改脚本中的一些内容。后来成功了。

$(function() {  
                $("#profile li").click(function(event) {
                    if(event.target.id === 'myitinerary')
                    {
                        $.post({
                            type: 'POST',
                            data: {username: '<%= session.getAttribute("name") %>' },
                            url: "GetItineraries",
                            success: function(result){
                                $('#content2').empty();
                                $("#content3").empty();
                                $("#content4").empty();
                                $('#content').html(result);
                            }
                        });
                    }
                });
            });

使用 ajax 和 jquery 单击嵌套无序列表上的子菜单后网站上的数据未显示

Data on site not showing after clicking on sub menu on nested unordered list using ajax with jquery

html

javascript

ajax

jquery

java-ee-7