Ajax/Jquery Form 不起作用

Question

我有一个登录表单，它的工作方式与我不知道为什么这不起作用。当我按"Criar"时，它什么也不做，它甚至不会将该按钮的文本更改为"正在加载......"正如我之前在发送函数上所说的那样。我开始使用Jquery，如果这是一个愚蠢的错误，我很抱歉！

形式

<form id="criarSubCategoria-form" class="form-horizontal" role="form" action="criarCategoria.php" method="post">
    <div class="col col-lg-4">
      <label for="nome">Nome:</label>
      <input type="text" class="form-control" id="nome" name="nome">
    </div>
    <br>
    <div class="form-group margin-top-pq">
        <div class="col-sm-12 controls">
            <button type="button" class="btn btn-primary" name="btn-criarSubCategoria" id="btn-criarSubCategoria">
              Criar
            </button>
        </div>
    </div>
</form>

单击"功能"

$('document').ready(function(){
    $("#btn-login").click(function(){}); // this one is working so I didn't put all the code here
    $("#btn-criarSubCategoria").click(function(){
        var data = $("#criarSubCategoria-form").serialize();
        $.ajax({
            type : 'POST',
            url  : '../functions/criarCategoria.php',
            data : data,
            dataType: 'json',
            beforeSend: function()
            {
                $("#btn-criarSubCategoria").html('Loading ...');
            },
            success :  function(response){
                if(response.codigo == "1"){
                    $("#btn-criarSubCategoria").html('Entrar');
                    $("#login-alert").css('display', 'none')
                }else{
                    $("#btn-criarSubCategoria").html('Entrar');
                    $("#login-alert").css('display', 'block')
                    $("#mensagem").html('<strong>Erro! </strong>' + response.mensagem);
                }
          }
        });
    });
});

Answer 1

jQuery没有定义。或者使用 jQuery 而不是 $ 就可以了。更改第一行

jQuery(document).on("click", "#btn-criarSubCategoria", (function(e, $){ 

Answer 2

尝试将其用作单击函数

$(document).on("click", "#btn-criarSubCategoria", (function(e){
var data = $("#criarSubCategoria-form").serialize();
e.preventDefault();
$.ajax({
    type : 'POST',
    url  : '../functions/criarCategoria.php',
    data : data,
    dataType: 'json',
    beforeSend: function()
    {
        $("#btn-criarSubCategoria").html('Loading ...');
    },
    success :  function(response){
        if(response.codigo == "1"){
            $("#btn-criarSubCategoria").html('Entrar');
            $("#login-alert").css('display', 'none')
        }else{
            $("#btn-criarSubCategoria").html('Entrar');
            $("#login-alert").css('display', 'block')
            $("#mensagem").html('<strong>Erro! </strong>' + response.mensagem);
        }
  }
});
});

希望这能完成您的工作。