AJAX erro, não envia os dados

[Luccas Gaulia 1]

Ola,

Não entendi ainda porque não envia via POST os dados no AJAX, vai direto para o error, e abre o Modal dizendo que houve o erro e rapidamente direciona para a página, mesmo esse modal não sendo para isso... Coloquei o Alert e ele faz a mesma coisa, abre o Alert de Error e direciona para página...

Não estou utilizando a url:, pois o caminho é o mesma da página e mesmo utilizando, nada muda... colocando em outro php e chamando, também dá erro.

Preciso entender sobre essa situação para enviar meus dados via POST e ajax

 

$(document).on("click", '#updateStatusEquip', function() {
    $.ajax({
      type: "POST",
      data:  { value_id : $('#admin_id').val() },      
      success: function(data) {
      // Check the output of ajax call on firebug console
        console.log(data);
        
        $(".modal-body-info").html("Sucesso: Status do Registro alterado com sucesso");
        $("#myModalMessage").modal("show");
      },
      error: function () {
        $(".modal-title").html("Erro");
        $(".modal-body-info").html("Erro: Registro não foi inserido");
        $("#myModalMessage").modal("show");
      }
    });   
});

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Modal - Message -->
<div class="modal fade" id="myModalMessage" tabindex="-1" role="dialog" aria-labelledby="myModalMessage">
 <form method="post" id="ze-form" >
 
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"></h4>
        <button type="button" class="close" id="reloadTable" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="modal-body-info">
        <b>Registro de:</b><br>Jonhy<input type="hidden" name="admin_id" id="admin_id" value="2"><br><b>Têm certeza que deseja alterar o status desse registro?</b><br>Poderá não ser capaz de acessar o Sistema</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="reloadTable" data-dismiss="modal">Fechar</button>
        <div class="modal-footer-button"><button type="submit" name="updateStatusEquip" id="updateStatusEquip" title="Alterar..." class="btn btn-warning">Alterar <i class="fas fa-level-up-alt ze-icon-m"></i><i class="fas fa-level-down-alt ze-icon-m"></i> </button></div>
      </div>
    </div>
  </div>
 </form>
</div>

 

[Luccas Gaulia 1]

Solução

Como criei uma `Página com algumas edições utilizando AJAX, coloquei isso em todos os forms

 

  $(".defaultForm").submit(function(ev) {
    ev.preventDefault();
  });

 

Segue também uma sugestão para se trabalhar em ajax

 

  // AJAX - Deletar
  $(document).on("click", "#deleteEquip", function() {

    var dados = {
      buttonAcess: $('#acessDeleteEquip').val(),
      admin_id: $('#admin_id').val(),
    }

    $.ajax({
      url : "php_action/equip.php",
      type: "POST",
      data:  dados,
      async : true,
      cache : false,
      dataType : 'html',
      contentType: "application/x-www-form-urlencoded;charset=UTF-8",      
      success: function(data) {
        console.log(data);
        table.ajax.reload();
        $('#modal-title').html('<i class="fa fa-trash-alt ze-icon-g" aria-hidden="true"></i> Deletar');
        var obj = $.parseJSON(data);   
        if(obj.sucess){
        $("#modal-body-info").html("<div class='alert alert-success ze-center'>" + obj.messages + "<br><i class='fas fa-thumbs-up ze-icon-g'></i></div>");     
        } else{
          $("#modal-body-info").html("<div class='alert alert-danger ze-center'>" + obj.messages + "<br><i class='fas fa-thumbs-down ze-icon-g'></i></div>");     
        }
        $('#modal-footer-button').html('');
        $("#myModalMessage").modal("show");
      },
      error: function(error) {
        console.error(error);
        $('#modal-title').html('<i class="fa fa-trash-alt ze-icon-g" aria-hidden="true"></i> Deletar');
        $("#modal-body-info").html("<div class='alert alert-danger ze-center'>Erro: Envio (AJAX)<br><i class='fas fa-thumbs-down ze-icon-g'></i></div>");     
        $('#modal-footer-button').html('');
        $("#myModalMessage").modal("show");
      }    
    });
  });
  // AJAX - Deletar - End

 

if($buttonAcess == "acessDeleteEquip"){

    $update = $datasource->deleteSelectedEquip($admin_id);  

    if($update) {           
        $validator['sucess'] = true;
        $validator['messages'] = "Sucesso: Registro deletado";

     } else {        
        $validator['sucess'] = false;
        $validator['messages'] = "Erro: Alguma informação incorreta";
    }
}