douruobokui58233 2017-10-24 01:56 采纳率: 0%
浏览 67
已采纳

Ajax / Jquery表单不起作用

I have a login form that is working in a kinda same way I don't know why this won't work. When I press 'Criar' it does nothing, it doesn't even change the text of that Button to 'Loading ...' as I have stated on beforeSend function. I started using Jquery so sorry if it is a stupid mistake!

Form

<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>

click Function

$('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);
                }
          }
        });
    });

});
  • 写回答

2条回答 默认 最新

  • dphdh395195 2017-10-24 02:30
    关注

    jQuery is not define. Or use jQuery instead of $ will works. Change 1st line

    jQuery(document).on("click", "#btn-criarSubCategoria", (function(e, $){ 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题