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 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能