動態加載來自jsp結果集的內容Div

Question

我不確定最好的方式去解決這個問題，基本上我有一個JSP頁面，它從MySQL數據庫返回HTML格式的結果集（員工列表）。使用循環，每個項目都會返回並形成一個鏈接。例如。

<a href="details.jsp?emp=\"" + resultSet.getString(1) + "\"/>" 

因此，每個鏈接將允許用戶加載一個頁面，該頁面將顯示所選員工的詳細信息。

我現在想改善這一點。我在結果頁上有一個div，我想用員工詳細信息填充而不是打開新鏈接。我的問題是，我不知道如何去使用jQuery。我查看了​​，但似乎只適用於預定義的地址，並且在使用.click(#div_id)時，jQuery如何知道要加載的員工詳細信息？

對不起，如果這是一個簡單的問題，但我仍然在學習。任何人都可以提出我應該看的地方，或者我可以怎麼做呢？

Answer 1

<a href="details.jsp?emp=123" class="employeeLink"/> 

<div id="results"></div> 


<script> 
$(function() { 
    $("a.employeeLink").click(function (e) { 

    e.preventDefault(); 

    $("#results").load($(this).attr("href")); 


    }); 

}); 
</script>