jsp的Javascript_Java_Javascript_Html_Jsp_Servlets

jsp的Javascript

java javascript html jsp servlets

jsp的Javascript,java,javascript,html,jsp,servlets,Java,Javascript,Html,Jsp,Servlets,如何将javascript添加到下面的代码中，以便在不刷新整个页面的情况下刷新它以获取任何条目 <label for="textarea"> <blockquote> <ul> <ul> <li><strong>Session Progress</strong></li> </ul> </ul> </bloc

如何将javascript添加到下面的代码中，以便在不刷新整个页面的情况下刷新它以获取任何条目

<label for="textarea">
  <blockquote>
    <ul>
      <ul>
        <li><strong>Session Progress</strong></li>
      </ul>
    </ul>
  </blockquote>
</label>
<p>
  <textarea name="textarea" cols="88" rows="33" id="textarea"></textarea>
</p>
<p>&nbsp;</p>
<p>




会话进度

您可以使用jQuery进行Ajax调用

看来这就是你需要的

Ajax调用调用您的服务器，提取一些数据，
然后，当收到响应时，您选择
在页面上添加一些元素并更新它们。
对于第二部分，还可以使用jQuery

如果您不想使用jQuery，而是使用纯JavaScript，
您仍然可以进行Ajax调用，但这更难
而且容易出错

另请参见：

前端

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
  $(document).ready(function() {   
    $('#button').click(function() {
      $.get('/backEnd', function(data) {
        $("#textarea").html(data);
      });
    });
  });
</script>
</head>

<body>
<textarea name="textarea" cols="88" rows="33" id="textarea"></textarea>
<button id="button">Update</button>
</body>

</html>

@WebServlet(name = "updaterServlet", urlPatterns = { "/backEnd" })
public class UpdaterServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html;UTF-8");

        PrintWriter writer = response.getWriter();
        writer.write(new java.util.Date().toString());
        writer.close();
    }

    @Override
    protected void doPost(final HttpServletRequest request, final HttpServletResponse response) throws ServletException, IOException {
         doGet(request, response);
    }   
}