Javascript 从动态表中获取单击的文本的值并传递给servelet

在jsp文件中，我根据用户的发票或购买创建了一个动态表。我创建的表没有问题。问题是，我在行的第一个字段（发票号）中href，并希望显示一个包含该特定发票号详细信息的表单。 该表单会在同一屏幕上弹出，通过关闭按钮返回列表并单击另一个发票号。 如何根据用户单击的发票号将发票号传递到Servlet并填充href表单

这是用于创建表的html：

    <table class="tableinvoice" >
            <tr>
            <th scope="col" >Invoice number</th>
            <th scope="col">Name</th>
            </tr>
        <tbody>     
        <tr>
            <td> <a href="#form" id='formid'> <%= ls.get(0) %> </a></td>
            <td> <%= ls.get(1) %></td>
        </tr>               
        </tbody>
    </table>

发票号码
名称

这是同一jsp上html的格式：

 <div id="form" class="overlay">
  <div class="popup">
    <a class="close" href="#">×</a>
    <div class="content">
       *****invoice information here***
    </div>
</div>

*****这里有发票信息***

---

欢迎提供任何其他建议来完成此操作

将发票号放入数据属性

<a class="invoice-link" href="#form" id='formid' data-inv="1223">

---

如何获取要传递给Servlet的inv值？servelet代码是用java编写的，不管服务器上使用什么语言。这是一个standarg GET请求。使用构造url所需的任何约定

$('.invoice-link').click(function(e){
     e.preventDefault();
     var $link = $(this),  
         $form_modal = $( $link.attr('href') ),
         inv = $link.data('inv'),
         api_url = '/path/to/server/' + inv;

     // use `$.ajax` shorthand method to retrieve html
     // or use `$.getJSON` and a template
     $form_modal.find('.content').load(api_url, function(){
          // html from server exists now
          // run the modal open code here
          $form_modal.modalScriptOpen()
     });
});