Javascript 基于后端响应更新HTML文本

我需要更新html标记文本，从后端响应的基础上。我正在使用Django服务器运行应用程序。在后端，我运行一个计时器，测量进程所花费的时间。我需要把这段时间放在前端，并显示出来

class Timer():
    def __init__(self):
        self._start_time = datetime.datetime.now().replace(microsecond=0)
        print(self._start_time)

    def elapsed_time(self):
        return (datetime.datetime.now().replace(microsecond=0) - self._start_time).seconds

到目前为止，我的html看起来是这样的：
00:00
变量URL映射={
url\运行时间：“{%url'输出'%}”
}
$.ajax({
类型：“POST”，
url:urlMappings.url\u运行时间
}).完成（功能（数据）{
控制台日志（“完成”）；
}).失败（功能（数据）{
控制台日志（“失败”）；
});

---

到目前为止，我只收到403条错误消息。有什么帮助吗？

您可以尝试使用此过程

$.ajax('yourRrquestURL',{
    method: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success:function () {
        console.log("Done");
    },
    error:function () {
        console.log("Fail");
    }
);

或

---

403使用ajax通常是csrf的一个问题，请检查文档的这一部分：如果您收到403响应，则表示服务器拒绝您访问。你需要确定这是为什么。可能需要身份验证？您在django控制台中看到的错误是什么？如果您得到403，则表示django中出现了错误，您应该会看到更详细的错误跟踪。我只得到[10/Sep/2019 13:00:06]“POST/HTTP/1.1”403 2274。您不能将主页和输出映射到同一URL路径。

views.py:
def output(request):
    time = timer.elapsed_time()
    return time

And my html looks this so far:
<td class="value" id="elapsed-time">00:00</td>
<script>
    var urlMappings = {
         url_elapsed_time : "{% url 'output' %}"
      }
      $.ajax({
          type: "POST",
          url: urlMappings.url_elapsed_time
      }).done(function(data){
          console.log("Done");
      }).fail(function(data){
         console.log("Fail");
      });
</script>

$.ajax('yourRrquestURL',{
    method: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success:function () {
        console.log("Done");
    },
    error:function () {
        console.log("Fail");
    }
);

$.ajax('yourRrquestURL',{
    method: 'GET',
    processData: false,
    contentType: false,
    success:function () {
        console.log("Done");
    },
    error:function () {
        console.log("Fail");
    }
);