0

以下に示すように、JavaScript を使用して動的にテーブルを作成しています。ユーザーが最初の列の値をクリックして、セルの値をパラメータとして J@EE サーブレットに渡せるようにしたいと考えています。手伝って頂けますか？基本的に、最初の列は国の詳細を含む新しいページへのリンクにする必要があります。どうやってやるの？ありがとうございました。

リンクコードはどこに置くのですか？

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

classまず、 のような最初の<td>ものに a を割り当て<td class="linkHolder">ます。

次に、クリック ハンドラーを作成して ajax リクエストをサーブレットに送信します。

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

リクエストパラメータでサーブレット側のリンクにアクセスできますurl

于 2013-10-04T16:16:36.027 に答える