0

您好我正在尝试在<a>标签悬停时打开一个 div，这样就完成了。我想在那个 div 中加载 jsp 页面数据。但问题是jsp页面数据来自servlet，所以直到servlet不执行数据才会到jsp页面。

我的 servlet 名称是showcart.java. 接收数据的页面showcart.java是vcart.jsp.

我试过了<jsp:include page="vcart.jsp"></jsp:include>，但是页面数据是空的。所以我想要一些机制，以便 servlet 执行，然后将控制和数据传递给vcart.jsp.

我的代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Reading Image</title>
    <style type="text/css">
        .testtmpblock{
            display: none;
            background-color: black;
            height: 100px;
            width: 100px;
            color: white;
        }

    </style>
    <script src="jquery.min.js" type="text/javascript"></script>
    <script>

        $(document).ready(function () {
      $(document).on('mouseenter', '.cart', function () {
          $(this).next(".testtmpblock").show();
      }).on('mouseleave', '.cart', function () {
          $(this).next(".testtmpblock").hide();
      });
  });
    </script>
</head>
<body>
    <a href="#" class="cart"> Cart </a>

    <div class="testtmpblock">
    <jsp:include page="vcart.jsp"></jsp:include>
</div>
</body>
</html>

任何人都可以帮助我如何在 div 中加载 sevlet 吗？

4

2 回答 2

1

与其包含 JSP，不如对您的 Servlet 进行 ajax 调用以获取数据并将其显示在它自己的 div 中。

$("button").click(function(){   //replace this with your event
  $.ajax({url:"showcart",success:function(result){
    $("#testtmpblock").html(result);
  }});
});
于 2013-11-13T09:40:21.637 回答
1

您可以在此处使用 ajax 在鼠标输入时从 servlet 加载数据。
在mouseenter函数中，您可以编写以下代码： 

$.ajax(
{
  url:'showcart.jsp,'//Or whatever name is 
  type:'get',
  success:function(response)
  {
     $('.testtmpblock').html(response);
  }
});

它会将该 servlet 的 html 渲染代码加载到您的 div 中。

于 2013-11-13T09:37:24.573 回答