Javascript django:ajax简单加载gif不起作用/过度渲染到输出页面

我在django中实现了一个功能正常的上传功能。正在处理的文件很大，等待时间很长，因此我希望在加载文件时在页面上提供“请等待/加载…”/GIF

开始上载功能的HTML/Django如下所示：

   <p><input type="submit" value="Upload" id="Upload" onclick = "showMessage()"/></p>

上载按钮如下所示（带有隐藏的div）：

我使用了一些示例代码，并尝试将其调整为上面的HTML，但在加载期间，它根本没有显示在页面上。。。而且我没有错误可以遵循

ajax：

<script>
function showMessage() {
$('.up').show()
// document.getElementById("up").innerHTML = "please wait";
}
</script>

函数showMessage（）{
$（'.up'）.show（）
//document.getElementById（“up”）.innerHTML=“请稍候”；
}

但是，我的ajax代码没有任何效果，因为单击“上载”后隐藏的div不会出现

我对Ajax/javascript一点也不熟悉，因此虽然我知道我可以设置一个函数“showMessage”，然后单击“Upload”，该函数将被调用，并将隐藏的div呈现到页面，直到输出完成并呈现到输出页面

我还应该提到，在我决定使用GIF之前，我成功地在单击“上载”按钮后获得了一条“请稍候”消息（该代码在上面的“showMessage”功能中被消音）

问题是“请等待”消息实际上会覆盖到输出页面的渲染，因此在处理时不会显示上载结果

因此，总的来说，我只希望一个隐藏的div呈现到输入页面，直到输出完成，并且不会与更重要的后续呈现到输出页面相冲突

我使用的语法对页面没有任何影响，所以我希望有人能纠正我的错误代码

谢谢

<script>
function showMessage() {
$('.up').show()
// document.getElementById("up").innerHTML = "please wait";
}
</script>