0

我正在使用 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>
4

1 回答 1

0

首先，将 a 分配class给第<td>一个类似<td class="linkHolder">.

然后，编写一个点击处理程序来向 servlet 发送 ajax 请求：

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

您可以使用请求参数访问 servlet 端的链接url

于 2013-10-04T16:16:36.027 回答