如何制作可折叠评论框(第二部分)

时间:2011-02-27 08:41:32

标签: javascript ajax google-app-engine

我希望跟进前面提到的question。现在,我想做同样的事情。但是,我希望使用ajax加载评论框本身&不刷新整个页面本身。我使用谷歌应用程序引擎平台与python作为主要语言。如何修改问题给出的代码以适应我和整合ajax的用法。以下是我如何填充的想法:

            {% extends "_base.htm" %}
            {% block bodycontent %}
            <h1>App Engine Chat</h1>
            <p>
            <form method="post" action="/chat">
            <input type="text" name="message" size="60"/>
            <input type="submit" name="Chat"/>      
            </form>
            </p>
            {% ifnotequal error None %}
            <p>
            {{ error }}
            </p>
             {% endifnotequal %}
            <div id="chatcontent">
               Loading...
            </div>

           <script>
               function updateMsg() { 
               $.ajax({
               url: "/messages",
               cache: false,
               success: function(html){
               $("#chatcontent").html(html);
               }
               });
               setTimeout('updateMsg()', 4000);
               }
               updateMsg();
              </script>
             {% endblock %}

我还需要只显示10个最新的注释并隐藏消息链的其余部分。提前谢谢......

1 个答案:

答案 0 :(得分:2)

使用JQuery的切换功能进行折叠和展开。创建一个服务器端功能,仅返回最后十条注释。这样,您可以根据请求立即填写您的页面评论。确保默认情况下折叠div。