如何通过按钮单击使用jquery调用jsp页面答案

【问题标题】：how to Call a jsp page using jquery via button click如何通过按钮单击使用jquery调用jsp页面
【发布时间】：2023-03-12 13:51:01
【问题描述】：

 <input type="button" value="Refer Candidate" class="formbtn" data-toggle="modal" data-target="#recruiterModal">

我想通过使用 jquery 的按钮单击来调用 jsp 页面。

【问题讨论】：

你想打什么电话？
我想通过点击按钮打开一个jsp页面。任何帮助将不胜感激。
为什么不直接使用锚 (a) 并将其设置为您想要的样式？这就是它们的设计目的。
How to make a button redirect to another page using jQuery or just Javascript的可能重复

标签： jquery jsp

【解决方案1】：

您可以使用form 标记将input 标记与type=submit 包装在一起，并在form 的action 属性中指定JSP 页面的链接。

<form action='jsp-page-to-call.jsp'>
  <input type="submit" value="Refer Candidate" class="formbtn" data-toggle="modal" data-target="#recruiterModal">
</form>

因此，单击提交按钮后，请求将转到 JSP 页面。

【讨论】：

【解决方案2】：

使用 JS

    <form id="frmID">
      <input type="submit" value="Refer Candidate" class="formbtn" data-toggle="modal" data-target="#recruiterModal">
    </form>

   On button click
document.getElementById("frmID").action="${pageContext.request.contextPath}/YourjspPage.jsp";
document.getElementById("frmID").submit();

【讨论】：

感谢 pawan 的帮助，但我没有使用任何表单标签，因为我的按钮位于 div 标签中。

【解决方案3】：

<input id="buttonid" type="button" value="Refer Candidate" class="formbtn" data-toggle="modal" data-target="#recruiterModal">

   $('#buttonid').click(function(){
      window.open('yourJspPageHere.jsp','_blank');
   });

这是你要找的吗？

【讨论】：

在哪里放置上面的 jquery 代码，因为我的按钮在
中。无论我在哪里粘贴，代码都会相应地显示在 jsp 页面中。
你有单独的js文件吗？这可能是一个不好的做法，但由于我不知道您的应用程序结构，您可以将代码放在标签内的
之后

感谢 Pragun 的所有帮助。它现在正在工作，但是在单击按钮时出现 404 错误，因为请求的资源不可用。有什么帮助吗？？

那是因为你必须指定你的jsp页面的位置。

在哪里指定位置，因为两个 jsp 页面都位于同一位置。