如何在单击后禁用按钮并在登录过程完成后通过在django中检查服务器响应来启用按钮

Question

我正在使用Django和python的注册功能。 当我单击“注册”按钮时，该按钮应禁用，成功注册后，它应自动再次启用。 如何实现呢？

我尝试使用ajax ，但是我不知道如何检查服务器的响应，无论用户是否成功注册。

Answer 1

如果您使用带有“提交”按钮的表单，则一旦单击按钮，注册过程就会开始，并在成功注册后加载您告诉它的页面

如果您使用的是javascript / ajax或类似的向后端发送信息的方法，则可以使用禁用按钮（其中btnSubmit是ID，而您使用的是JQuery）：

$("#btnSubmit").attr("disabled", true);

当您从Django使用中获取返回json时，

$("#btnSubmit").attr("disabled", false);

您的总体脚本如下所示：

function myFunction() {
    $("#btnSubmit").attr("disabled", true);
    var info = [];
    info[0] = $('#username').val();
    info[1] = $('#password').val();

    $.ajax({
        url : "/some_url/", // the endpoint
        type : "POST", // http method
        data : { info : info }, // data sent with the post request
        // handle a successful response
        success : function(json) {
            // do stuff
            $("#btnSubmit").attr("disabled", false);
        },
        // handle a non-successful response
        error : function(xhr,errmsg,err) {
            $('#results').html("<div class='alert-box alert radius' data-alert>Oops! We have encountered an error: "+errmsg+
                " <a href='#' class='close'>&times;</a></div>"); // add the error to the dom
            console.log(xhr.status + ": " + xhr.responseText); // provide a bit more info about the error to the console
        }
    });
}