淡化JSP页面

时间:2013-11-15 09:33:35

标签: java javascript jquery jsp

在我的项目中,我想在点击一个按钮时显示一个jsp页面,并显示父页面(后面)。

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <style type="text/css">
        <!--
        .style1 {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 12px;
        }
        -->
    </style>
    <link href="css/buttons.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <form name="form1"  method="post" action="analystServlet">
        <table width="100%"  border="0" cellspacing="1" cellpadding="1">
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td><span class="style1">Choose Source</span></td>
                <td><select name="source">
                        <option>Excel</option>
                        <option>Database</option>
                    </select></td>
            </tr>
            <tr>
                <td><input type="hidden" name="id" value="494"/></td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2"><div align="center">
                        <input type="submit" class="button" onclick="hide()" name="exportHome" value="Submit"/>
                    </div></td>
            </tr>
        </table>
    </form>

</body>

当我点击提交按钮时,此页面已经消失。 谢谢, Karthika KM

1 个答案:

答案 0 :(得分:2)

您只能使用ajax / jquery

来完成
   function closeMe()
        {     
            window.opener.location.reload(true); // reload parent page
            window.close(); // close this page                
      }

   $("#submitbtn").click(function(e) {
          e.preventDefault();

        var params = {
                    // here pass form parameter
                };

    $.ajax({
             type: "POST",
             url: "/analystServlet",
             data: params,
             success: function(data){ 

              $('body').css("background", "rgba(0,0,0,0.5)").fadeOut("slow");
               setTimeout(function () {
                  closeMe();
               }, 1000); // 1000 = 1 secs                                        
             }                        
    });  // end of $.ajax()