Могу ли я сделать выборочное обновление содержимого на странице JSP?

Это кажется странным, но все же:

Есть ли способ, которым я могу сделать только выборочную часть страницы JSP обновляется? Предположим:

<% response.setIntHeader("Refresh",1); // refresh at an interval of 1 second %>

<!-- Html5 snippet that plays a sound that lasts more than a second !-->

<% jsp code %>

Теперь я хочу, чтобы при обновлении страницы аудиоклип начинался с того места, где он оставался. Это возможно? Размер клипа составляет 2,4 МБ?

Источник

1 ответ

Решение

Используйте Jquery для обновления перкулярного элемента div в JSP

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('record_count.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds
</script>

<body>
  <div id="load_tweets"> </div>
</body>

EDIT1

reload-window.jsp // поместите этот файл рядом с WEB-INF

<%@page import="java.util.Calendar"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%! GregorianCalendar newYear = new GregorianCalendar(2013, 0, 1);

    /*
     * 0 : January
     * 1 : 1st January
     * 2013 : year
     */%>
        <div>
        Time : 
        <%= (newYear.getTimeInMillis() - new GregorianCalendar().getTimeInMillis()) / 1000%>
        </div>

main.jsp

<%-- 
    Document   : nyblast
    Created on : Dec 26, 2012, 10:44:27 AM
    Author     : non-admin
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body bgcolor="#73AF59">

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

        </script>
<script type="text/javascript">
            var auto_refresh = setInterval(
            function ()
            {
                $('#load_tweets').load('reload-window.jsp').fadeIn("slow");
            }, 5000); // refresh every 10000 milliseconds

          </script>



<table width="100%">
    <tr>
        <td width="40%"></td>
        <td><img src="images/animations/pyear.gif" /></td>
    </tr>
    <tr>
        <td width="40%">
        <center><font face="Chiller" size="+6"> <br />
        Countdown </font></center>
        </td>
        <td>
        <center><font face="Chiller" size="+6"> <br />

        <div id="load_tweets"></div>
        </font></center>
        </td>
    </tr>
    <tr>
        <td colspan="2" style="height: 400px" valign="bottom"><img
            src="images/animations/3D_balloons.gif" /> <em>This poor design
        and animations compiled by Suhail Gupta.</em> <audio
            style="visibility: hidden"> </audio></td>
    </tr>
    <!-- !-->
</table>

</body>

</html>

здесь проблема

$('#load_tweets').load('reload-window.jsp').fadeIn("slow");
                }, 5000); // refresh every 5000 milliseconds

Функция загрузки нам нужно передать наш JSP, который нужно обновить

Убедитесь, что ваш JS находится на правильном месте.

Источник
Другие вопросы по тегам