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

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 条最新评论并隐藏消息链的其余部分。提前致谢...

Answer 1

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