Javascript 我很难让Ajax用django表单发送post请求_Javascript_Jquery_Ajax_Django Forms

Javascript 我很难让Ajax用django表单发送post请求

javascript jquery ajax

Javascript 我很难让Ajax用django表单发送post请求,javascript,jquery,ajax,django-forms,Javascript,Jquery,Ajax,Django Forms,我正在尝试使用django构建一个web应用程序。我想显示一个表单，用户在其中回答问题。表单显示正确，我能够在没有ajax的情况下正确提交。我希望表单数据在不刷新页面的情况下发布。我是网络开发新手，我很难找到我的具体问题的答案。当我单击submit时，表单不会通过django提交（这是预期的），但我的开发服务器不会收到post请求。而且我不断地得到一个错误 “未捕获范围错误：超过最大调用堆栈大小在xb处（jquery-3.1.1.min.js:formatted:3481）” html: 托

我正在尝试使用django构建一个web应用程序。我想显示一个表单，用户在其中回答问题。表单显示正确，我能够在没有ajax的情况下正确提交。我希望表单数据在不刷新页面的情况下发布。我是网络开发新手，我很难找到我的具体问题的答案。当我单击submit时，表单不会通过django提交（这是预期的），但我的开发服务器不会收到post请求。而且我不断地得到一个错误 “未捕获范围错误：超过最大调用堆栈大小在xb处（jquery-3.1.1.min.js:formatted:3481）”

html:


托管视频
{{form1.ch}
{%csrf_令牌%}
$（文件）。关于（“提交”，即“表格1”，职能（e）{
e、 预防默认值（）；
const csrftoken=document.querySelector（'[name=csrfmiddlewaretoken]'）。值；
$.ajax({
标头：{'X-CSRFToken'：CSRFToken}，
类型：“POST”，
url:“/hlg/”，
数据：{'form'：form1}，
成功：警报（'yay'）
})
});

Hi，这里的

form1

是什么？另外，检查可能会有所帮助。你发送的链接回答了我的问题，非常感谢！！！如果您将您的评论作为答案转发，我会将其标记为已接受的答案。您好，您可以回答自己的问题：）您好，这里的

form1

是什么？另外，检查可能会有所帮助。你发送的链接回答了我的问题，非常感谢！！！如果您将您的评论作为答案转发，我会将其标记为已接受的答案。您好，您可以回答自己的问题：）

<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>

<body>
HOSTED VIDEO
  {{form1.ch}}
  {% csrf_token %}


<script>
$(document).on("submit","#form1",function(e){
     e.preventDefault();
 const csrftoken = document.querySelector('[name=csrfmiddlewaretoken]').value;
$.ajax({
  headers: {'X-CSRFToken': csrftoken},
  type:"POST",
  url: "/hlg/",
  data: {'form':form1},
  success: alert('yay')
 })
 });
</script>
</body>