我不确定,但我想我正在尝试创建一个动态页面?

时间:2012-12-02 00:18:18

标签: javascript python post dynamic get

好的,我有来自HTML Kickstart的幻灯片。 (见http://www.99lime.com/elements/) 它通过添加/删除类“当前”来浏览图像列表。

我正在尝试制作页面,这样每当图像发生变化时,页面上的注释和标签也会发生变化,而不会刷新页面。

我不知道如何使用app.py中的GET / POST方法来解决这个问题。或者它是javascript / jQuery。感谢。

mockup

1 个答案:

答案 0 :(得分:3)

让我们假设用户A和用户B同时进入该页面并看到其他人在他们之前写的2条评论,并且user1和user2都分别写了一条评论,并且它们都没有刷新页面而是保持盯着幻灯片。数据库中将有4条评论,但如果AJAX不用于加载新的评论和标签,A和B将会看到3条评论,即前2条评论和他们自己的新评论。

  • 如果这是可以接受的,则不需要使用AJAX。

  • 如果这是不可接受的,则需要使用AJAX。


如果您决定不使用AJAX ,只需预先加载评论和其他内容,然后根据您所在的幻灯片隐藏它们。如果您更改包含注释的元素的类,并在显示第二张幻灯片'onslide2'时将其设为'onslide1',那么您可以使用CSS规则显示您想要的那些如下:

div.comments { display: none}
.slide1 div.comments {display: block}
.slide2 div.comments {display: block}
/*etc ...*/

更简单的解决方案?如果您可以将这些信息合并到幻灯片中,事情可能会更容易。这意味着您可以使用一些简单的HTML来显示图像和注释以及您想要与幻灯片关联的所有其他内容,而不是普通图像。


要使用Ajax加载注释和其他内容,您需要在服务器端和客户端上工作(确保在幻灯片更改时或之前执行Ajax调用(可能正在更改幻灯片时)你收到数据的那一刻))。如果你确实走了这条路,你需要进一步的帮助,如果你问一个单独的问题来说明你的决定和你想要达到的目标,那么它可能是最好的。 (这更像是一个问题,要求就总体战略提出建议。)