Javascript 传送带外的文本保持网站响应

我有一个转盘（基于：），它从API加载图像，当您单击不同的图像或“上一个”或“下一个”按钮时，转盘会更改图像。在旋转木马div中，有很多将文本放在图像内部的示例，但在div之外，我没有看到任何一个示例，例如，如屏幕截图所示的下面的段落

有没有办法让按钮与文本相对应？因此，文本当前是旋转木马中的第四个图像，如果单击“下一步”按钮或转到第五个图像，它会将下面的文本更改为其他内容

<div id="carousel">
                <div class="hideLeft">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic1; ?>">
                </div>
                <div class="prevLeftSecond">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic2; ?>">
                </div>
                <div class="prev">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic3; ?>">
                </div>
                <div class="selected">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic4; ?>">
                </div>
                <div class="next">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic5; ?>">
                </div>
                <div class="nextRightSecond">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic6; ?>">
                </div>
                <div class="hideRight">
                    <img src="https://image.tmdb.org/t/p/w300<?php echo $pic7; ?>">
                </div>
            </div>
            <h2><font color="white">About the Movie</h2>
            <p><?php echo $bio4; ?></p>
        </div>
        <div class="buttons">
            <button id="prev">Prev</button>
            <button id="next">Next</button>
        </div>

">
">
">
">
">
">
">
关于电影

上
下一个

问题在于，目前，描述是通过echo

从服务器检索的，但是旋转木马在页面上工作，没有向服务器发出任何其他请求，因此描述永远不会更改

单击按钮时，您应该向服务器执行异步请求，以便在不重新加载页面的情况下更新下一部电影的描述

下面是一个使用JQuery的AJAX请求示例：

$.ajax({ url: '/yourfile.php', //the file that echoes the descriptions
         data: {movieId: 5}, //ask for the desired description
         type: 'post', //specify the request type: GET/POST
         success: function(output) {
                     // code here to update the description
                  }
});

显然，您还需要修改php文件，以便接受来自ajax调用的数据并返回所需的输出

W3C学校关于AJAX调用：

如何使用jquery执行ajax请求：

玩得开心！
不要将代码作为图像发布。将代码粘贴到问题中。问题也相当广泛。我们不知道您的旋转木马是如何构建的，根据当前函数有很多方法可以解决它。@MagnusEriksson Hiya！旋转木马就是基于此。