javascript - 如何刷新，仅重新加载页面上的音频标签而不重新加载页面

Question

我有一个页面。它具有上传 mp3 和音频播放器。您上传和 javascript 上传 mp3 文件，重新加载页面，并且 audo 播放器现在加载了 mp3 文件。

供参考。我调用一个 php 函数来加载 mp3 文件。

一切正常。
除了，现在我有问题，我只需要刷新或重新加载音频播放器或重新加载从我的 php 函数返回的 mp3 文件。

我试过这个： $('#mp3Player').html(document.URL + '#mp3Player');

并尝试： .load 和 .replaceWith

然而，一切都不正确，一个只是加载另一个 mp3，或者整个页面，或者只是在播放器中添加文本，等等。

我如何做与页面重新加载完全相同的事情，但仅适用于音频播放器？

谢谢！

注意：javascript 本身不知道或没有新的 mp3 文件。它只知道已经上传了一个新的 mp3，并且在它完成之后......它刷新了页面。PHP 代码获取新的 mp3 文件。

再次，页面刷新/重新加载完美。但我只需要刷新 div 或音频播放器，而不是整个页面。

标签： javascriptaudiohtml5-audio