Question

我正在尝试使用Vanilla JS异步地从发布表单中获取数据（避免刷新页面）。我在某方面失败了，因为我无法访问表单的数据。

template.html

 <form method="POST"  autocomplete="off" action="/index" id="mail_form_id">
    {% csrf_token %}
    <input type="email" name="mail_input" id="mail_input">
    <button type="submit" onclick="send_mailform()" ></button>
...

views.py

...
    if request.is_ajax:
         print(request.POST['mail_input']) #This is not working

script.js

// I'm avoiding to refresh using this function
var form = document.getElementById("mail_form_id");
function handleForm(event) { event.preventDefault(); } 
form.addEventListener('submit', handleForm);

function send_mailform(){
    var http = new XMLHttpRequest();
    http.open("POST", "/index", true);
    http.setRequestHeader('X-CSRFToken', getCookie('csrftoken'));
    var mail_input = document.getElementById('mail_input').value; 
    http.send(mail_input);
}
...

我一直在搜索，对于django 1.X或使用Jquery有几种解决方案。我没有将getCookie函数放在scripts.js中，但是它工作正常。我试图避免使用Jquery。预先谢谢你！

Answer 1

我认为这不是最好的方法，但是可以使用以下方式发送数据：

views.py

raw_data = request.body #Binary 
data = raw_data.decode("utf-8")

如何使用普通JavaScript发送邮件表格数据？

1 个答案: