2016-08-12 67 views
0

我是編程初學者。我試着用Ajax的無序列表上像這樣運行列表項目(LI)ID:Ajax無法處理無序列表中的列表項目

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#accordion li").not('.empty').click(function() { 
      var addr = this.id; 
      $.ajax({ 
       url: addr, 
       type: "GET", 
       data: dataString, 
       success:function(data) 
       { 
        alert('I would run those addr here . ' + addr); 
       } 
      }); 
     }); 
    }); 
</script> 

<body> 
    <ul id="accordion"> 
     <li id="a1.php"><a href="#">Aaa</a></li> 
     <li class="empty"><a href="#">Bbb</a></li> 
     <li class="empty"><a href="#">Ccc</a></li> 
     <li class="empty"><a href="#">Ddd</a></li> 
    </ul> 
</body> 

這上面的代碼不起作用,爲什麼呢?

+4

什麼是'dataString'? –

+0

你沒有在'dataString'變量中設置任何值,因此JavaScript觸發了一個錯誤 –

回答

0
$(document).ready(function() { 
    $("#accordion li").not('.empty').click(function() { 
     var addr = $(this).attr('id'); 
     var dataString = "some string"; 
     $.ajax({ 
      url: addr, 
      type: "GET", 
      data: dataString, 
      success:function(data) 
      { 
       alert('I would run those addr here . ' + addr); 
      } 
     }); 
    }); 
});