Javascript I';我不确定,但我想我';我想做一个动态页面?

Javascript I';我不确定,但我想我';我想做一个动态页面?,javascript,python,post,dynamic,get,Javascript,Python,Post,Dynamic,Get,好的,我有这张来自HTML Kickstart的幻灯片。(见第页) 它通过添加/删除类“current”来浏览图像列表 我正在尝试创建页面,这样每当图像更改时,页面上的注释和标记也会更改,而不会刷新页面 我不知道如何在我的app.py中使用GET/POST方法来实现这一点。或者是javascript/jQuery。谢谢 让我们想象一下,用户A和用户B同时进入页面,看到其他人在他们前面写的2条评论,用户1和用户2各自写一条评论,他们都没有刷新页面,而是一直盯着幻灯片。数据库中将有4条注释,但是如果

好的,我有这张来自HTML Kickstart的幻灯片。(见第页) 它通过添加/删除类“current”来浏览图像列表

我正在尝试创建页面,这样每当图像更改时,页面上的注释和标记也会更改,而不会刷新页面

我不知道如何在我的app.py中使用GET/POST方法来实现这一点。或者是javascript/jQuery。谢谢


让我们想象一下,用户A和用户B同时进入页面,看到其他人在他们前面写的2条评论,用户1和用户2各自写一条评论,他们都没有刷新页面,而是一直盯着幻灯片。数据库中将有4条注释,但是如果不使用AJAX加载新注释和标记,A和B将看到3条注释,即前2条注释和它们自己的新注释

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

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


如果您决定不使用AJAX,只需根据您所在的幻灯片预加载评论和其他显示内容,并将其隐藏即可。如果更改包含注释的元素的类,并在显示第一张幻灯片时将其设置为“onslide1”,在显示第二张幻灯片时设置为“onslide2”,依此类推,则可以使用CSS规则显示所需的内容,如下所示:

div.comments { display: none}
.slide1 div.comments {display: block}
.slide2 div.comments {display: block}
/*etc ...*/
更简单的解决方案?如果你能在幻灯片中加入这些信息,事情可能会更容易。这意味着,您可以使用一些简单的HTML来代替普通图像,它可以显示图像、注释以及您希望与幻灯片关联的所有其他内容



要使用Ajax加载评论和其他内容,您需要在服务器端和客户端都进行工作(确保在幻灯片更改时或之前执行Ajax调用(可能在收到数据时恰好更改幻灯片))。如果你确实走了这条路,你需要进一步的帮助,最好是单独问一个问题,具体说明你的决定和你想要实现的目标。(这更像是一个询问一般策略建议的问题。)

发出客户端ajax请求需要javascript,接收请求并发回信息需要在服务器端编写代码。您的客户端必须向服务器请求给定图片ID的注释数据。这个问题很模糊,因为没有人确切知道客户端和服务器上可用的数据类型。也没有人知道您使用的是什么web框架。如果所有的注释数据都被转储到请求中,那么它很可能是一个完全的客户端解决方案。或者可以是客户机/服务器解决方案。没有太多的信息可以给你这个问题的答案。我不确定,但我想你是想问一个问题?如果你是,那你就惨败了!谢谢我目前正在首先查找有关如何正确使用ajax的信息。如果我以后需要更多帮助,我会回复的。抱歉说得含糊不清。我的代码仍处于早期阶段。我正在使用python和mongoDB来获取数据。我编辑了我的问题,以帮助您决定哪种方法是最好的,而不是推荐一种。根据您的要求,您必须做出决定。当你决定你可以问一个单独的问题来解释你的需求,你为你选择的解决方案所采取的步骤,以及你可能需要帮助的确切部分。祝你万事如意:-)