2013-10-04 2 views
0

Я динамически создаю таблицу с помощью JavaScript, как вы можете видеть ниже. Я хочу, чтобы пользователи могли щелкнуть по первому значению столбца и передать значение ячейки в качестве параметра в сервлет J @ EE. Вы можете мне помочь? В основном в первом столбце должны быть ссылки на новую страницу с подробными сведениями о стране. Как я могу это сделать? Спасибо.Как создать веб-ссылку внутри функции javascript и передать значение ячейки в качестве параметра для сервлета?

Где я могу поместить код ссылки?

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> 

ответ

0

Во-первых, назначить class к первому <td> что-то вроде <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

+0

Я сожалею, что я новичок в Ajax. можете ли вы предоставить полный код? Спасибо. –

+0

Я уже дал вам код. Попытайтесь поиграть с этим. Ответьте на голосование/принимайте ответ, если он вам поможет. – Rajesh

+0

Я не могу понять это? Сожалею. –

Смежные вопросы