Question

您好我正在尝试在<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的问题吗？

Answer 1

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

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

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

Answer 2

不是包含JSP，而是对Servlet进行ajax调用以获取数据并将其显示在div中。

$("button").click(function(){   //replace this with your event
  $.ajax({url:"showcart",success:function(result){
    $("#testtmpblock").html(result);
  }});
});

如何在div中执行或加载servlet？

2 个答案: