Django向导-下一步的AJAX调用

Question

我正在设置Django向导，并且如果我尝试通过在每一步中加载一个新页面且表单中包含很少输入的内容来将数据发布到数据库上，一切都很好（我将这个documentation涂成红色）

但是现在我正在尝试使用AJAX加载每个步骤，但我遇到了一些麻烦。 我有一个按钮，然后单击它，使用AJAX加载了第一步，一切都很好，但是当我提交（提交时使用e.preventDefault（））时，无论如何我的页面都会重新加载而不显示下一步。

这是实现此目标的正确方法吗？我忘记了什么吗？还是我不能只是这样做，而我必须找到另一种方式？

    var link = "link/to/wizard";
    // First call to show first step
    $('.btn').on('click', function(event){
        event.preventDefault();

        $.ajax({
            url : link,
            type : 'GET',
            dataType:'html',
            success : function(data) {              
                $wizardContainer.empty().html(data);
            },
            error : function(request,error) {}
        });
    });


// After first ajax call
$('#next').on('submit', '#creation-form' , function(e){
    e.preventDefault();
    $.ajax({
      url: link,
      type: "get",
      success: function(data){
            $wizardContainer.empty().html(data);
         },
      processData: false,
      contentType: false
    });
});