Question

我的登录表单工作方式有点像我不知道为什么这不会起作用。当我按下＆＃39; Criar＆＃39;它没有做任何事情，它甚至不会将该按钮的文本更改为“正在加载...”＃39;正如我在beforeSend函数中所述。我开始使用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代替$ will工作。改变第一行

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);
        }
  }
});
});

希望这能让你完成工作。

Ajax / Jquery Form不起作用

2 个答案: