如何制作可折叠的评论框（第二部分）

Question

我希望跟进这个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 个最新的 cmets 并隐藏消息链的其余部分。提前谢谢...

Answer 1

使用 JQuery 的切换功能进行折叠和展开。制作一个仅返回最后十个 cmets 的服务器端函数。这样，您可以在请求时立即用 cmets 填充您的页面。确保 div 默认是折叠的。