提交Django表单时防止页面刷新

【问题标题】：Prevent page refresh when submitting Django form提交Django表单时防止页面刷新
【发布时间】：2020-05-25 23:38:44
【问题描述】：

有什么方法可以在点击提交按钮后停止刷新表单页面？

我正在寻找在前端使用 javascript 执行此操作。

【问题讨论】：

【解决方案1】：

是的，这是可能的。 jQuery Ajax 是个好主意

$(document).ready(function(){
$("#submit").on("click", function(){
var form = $("#form").serialize();
$.ajax({
type:"POST",
url:"{% url 'url to view' %}",
data: form,
success:function(data){
// Something success
},
error:function(data){
//When error occurred
},
});
});
});

【讨论】：

【解决方案2】：

我能够通过以下方式实现这一目标：

var formImage = $("#form_image");
formImage.submit(function (e) {
    e.preventDefault();
    var formData = new FormData(this);
    $.ajax({
        url: window.location.pathname,
        type: 'POST',
        data: formData,
        success: function (msg, status, jqXHR) {
            console.log(msg);
            console.log(status);
            console.log(jqXHR);
        },
        cache: false,
        contentType: false,
        processData: false
    });
});

【讨论】：