Question

我将描述这件事现在如何运作然后我希望实现的目标：

我有一个基本的HTML页面，其中包含一个文本框和一个发送按钮。当我输入一些字符串并单击该按钮时，此请求将转到Servlet。 servlet执行某些操作，然后将req＆amp; resp重定向到jsp文件（getServletContext().getRequestDispatcher("myJSP.jsp").forward(req, resp);）

所以基本上，当有人在文本框中输入内容并点击发送按钮时，他会获得一个由 myJSP.jsp <生成的新页面/ strong>文件。

有没有办法获得一个完整的新文件我希望 myJSP.jsp 生成的结果显示在同一个主页面中，让我们说下文本框（在DIV标签中？）。

我怎样才能达到这样的行为？

Answer 1

您必须使用javascript执行异步请求，以便不为用户重新加载页面。服务器必须返回一个响应，然后您可以使用javascript附加到该页面。

此技术称为ajax。用于执行ajax请求的一个流行工具（除了大量其他方法）是JQuery javascript库的ajax()函数（documentation）

Answer 2

尝试执行jquery $ .ajax（）函数，首先下载jquery.js并将其保存到项目文件夹中并找到它。遵循以下内容：

<head>
 <script src="../resources/jquery.js"></script> <script src="../resources/jquery.js"></script>
</head>

<body>
   <input type="text"><input class="button" type="button" value="Click">
<div></div>
<script>
    $(".button").click(function () {
        $.ajax({
              url: "ajax.html",
              cache: false
            }).done(function( html ) {
              $("div").append(html);
            });
        });
</script>
</body>

使用JSP代码动态更改DIV标记内容

2 个答案: