2017-02-19 9 views
0

とAJAXを使用して、ネストされた順不同リストにサブメニューをクリックした後に表示されないここにHTML順不同リストの実装データここでjqueryの

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

とiが

<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を使用しています。基本的には、サーブレットから取得した結果をコンテンツに書き込むことです。しかし、これまで私が試したことはありませんでした。

+0

コンソールにエラーがありますか?もしそうなら、彼らは何ですか? –

+0

私は唯一のエラーはクロムの予期しないトークンエラーでした。それ以外は何も、私はネットビーンズでデバッグを試みました。サブメニューをクリックしても、スクリプト内で想定されているようにイベントは呼び起こされません。 –

+0

これで問題が解決するかどうかはわかりませんが、エラーの原因となるものがあります。あなたの '$。post'呼び出しでは、' data'引数が不正な形式になっている可能性があります。 変更: 'username:<%= session.getAttribute(" username ")%>;' 'username: '<%= session.getAttribute(" username ")%>';'(引用符で囲みます) –

答えて

0

私は問題を解決することができた、私は私のスクリプト上のいくつかのものを変更する必要があった。それは後で働いた。

$(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); 
          } 
         }); 
        } 
       }); 
      });