javascript - 如何将onclick事件存储在Django数据库中？

Question

我在使用...标记显示的Django网页中显示了一个音频文件列表。当注册用户单击音频文件的播放按钮时，它将开始在后台播放音频，我想将音频文件ID以及用户详细信息存储在数据库中，例如提交Django表单。但是，在用户单击“播放”按钮之后，我不希望页面刷新，也不想暂停音频文件。我猜想这与Ajax有关，但是我无法弄清楚。

Answer 1

听起来好像您在尝试对存储在服务器上的音频文件发出请求，而不必刷新页面。

为此，您可以使用ajax发出HTTP请求，只需要直接链接到音频文件即可。为了使用JavaScript在客户端发出HTTP请求，可以使用XMLHttpRequest或fetch。 fetch的示例，假设音频文件的url存储在名为audioURL的字符串变量中:

fetch(audioURL)
.then(response => response.blob())
.then(blob => {
    ///assuming you have an `audio` element on the page with id `audioEl`:
    audioEl.src = URL.createObjectURL(blob);
    audioEl.play();
});