如何在javascript函数内创建网络链接，并将单元格值作为参数传递给servlet？

Question

我正在用JavaScript动态创建一个表，如下所示。 我希望用户能够单击第一列的值，并将单元格的值作为参数传递给J @ EE servlet。 你能帮助我吗？ 基本上，第一列应该是带有国家/地区详细信息的新页面的链接。 我怎样才能做到这一点？ 谢谢。

我在哪里放置链接代码？

function oneSecondFunction() {
$.get('DisplayCountries', function(responseJson) {
    if (responseJson != null) {
        $("#countrytable").find("tr:gt(0)").remove();
        var table1 = $("#countrytable");
        $.each(responseJson, function(key, value) {
            var rowNew = $("<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>" +
                    "<td></td><td></td></tr>");
            rowNew.children().eq(0).text(value['id']);
            rowNew.children().eq(1).text(value['country1']);
            rowNew.children().eq(2).text(value['country2']);
            rowNew.children().eq(3).text(value['country3']);
            rowNew.children().eq(4).text(value['country4']);
            rowNew.children().eq(5).text(value['country5']);
            rowNew.children().eq(6).text(value['country6']);
            rowNew.children().eq(7).text(value['country7']);
            rowNew.children().eq(8).text(value['country8']);

            rowNew.appendTo(table1);
        });
    }
});

这是链接代码。 我已经尝试了几种方法，但没有用。

<a href="DisplayDetails ? & param=<%=id%>">id</a> 

Answer 1

首先，为第一个<td>分配一个class ，例如<td class="linkHolder"> 。

然后，编写一个单击处理程序以将ajax请求发送到servlet：

$('#countrytable').on('click', '.linkHolder', function() {
       var link = $(this).html();
       $.post('/myservlet', {url: link}, function(response) {
          //handle response here
       });
      return false;
});

您可以使用请求参数url访问servlet一侧的url