Question

我要求状态我打印出屏幕上的用户列表。这些用户都是超链接。当我点击一个时，我不知道如何确定哪个被点击了，我的请求中没有任何内容。这是jsp中的特定链接：

<td><a style="color:red;text-align:left" href="/sponsor/manageuser.htm" target="_self">NAME</a></td>

我如何使用javascript，我几乎没有经验，确定点击了哪个NAME。有一个完整的列表，我必须得到这个被点击到我的控制器类。单击一个名称时，它会转到我的控制器方法，但请求中没有任何内容。这是一个POST方法。请提前帮助和感谢。我明天要做一个演示。

使用Spring MVC。我想要做的是将这个值NAME放入隐式JSP请求对象中，这样我就可以在我的控制器类中提交表单时获取它。

Answer 1

在Javascript中，您可以添加一个事件监听器，在其处理程序中，您可以访问该事件目标并获取它的文本内容（在您的情况下为NAME）。

所以这样的事情会让你开始

<td><a id="myLink" style="color:red;text-align:left" href="/sponsor/manageuser.htm" target="_self">LINK NAME</a></td>
<script>
  window.onload = function() {
    document.getElementById("myLink").addEventListener("click", (event) => {
      alert(event.target.textContent);
    });
  };
</script>

plunker链接：https://plnkr.co/edit/dt71QKRNUf0cSA8XKIur?p=preview

Answer 2

您可以在onClick处理程序上传递此内容以获取目标，然后您可以获取有关目标的任何数据，例如innerText属性

    <script>
    function send(target) {
      console.log(target.innerText);
    }
    </script>

    <table>
    <td><a onClick="send(this)" style="color:red;text-align:left" href="#" target="_self">NAME1</a></td>
    <td><a onClick="send(this)" style="color:red;text-align:left" href="#" target="_self">NAME2</a></td>
    <td><a onClick="send(this)" style="color:red;text-align:left" href="#" target="_self">NAME3</a></td>
    </table>

如何使用javascript从jsp中的链接获取信息？

2 个答案: