Executa sem clicar, alguem pode ajudar?

28/10/2017

0

Ola Pessoal,

Esta executando apenas atualizando o site, seria apenas utilizado quando clica-se no link, alguem poderia me ajudar?


<a id="acceptButton" class="btn btn-success btn-block" data-value="<?php echo utf8_encode($array['folio_number']); ?>">Aceptar <i class="fa fa-check"></i></a>


<script type="text/javascript">

      $(document).ready(function() {

        $(document).on("click", ".btn-success", function(e) {

          e.preventDefault();

          var value_id = $(this).data('value');
           
           jQuery.ajax({
                  type: "POST",
                  data:  { input_value : value_id },
                  success: function(data,status,xhr) {
                      // Check the output of ajax call on firebug console
                      console.log(data);
                      <?php
                           $update = $datasource->acceptNewCustomer($user_id,1,utf8_decode($_POST['input_value']));
                           if ($update == 'OK') {                        
                      ?>
                            alert('Cliente agregado correctamente');
                            location.reload();
                      <?php
                          }
                          else {
                      ?>
                            alert('Error al agregar cliente');
                      <?php
                          }
                      ?>  
                  },
                  error: function () {
                      alert("error");
                  }
              }); 

        });

</script>
Luccas Gaulia

Luccas Gaulia

Responder

Post mais votado

30/10/2017

Essa parte do código diz pro navegador executar quando carrega a pagina:
$(document).ready(function() {


retira essa parte, ajusta os parenteses e colchetes corretamente e tenta executar novamente.

Alex William

Alex William
Responder

Mais Posts

30/10/2017

Alex William

Editando: Tente dessa forma:

<script type="text/javascript">
  $(document).on("click", ".btn-success", function(e)
  {
    e.preventDefault();

    var value_id = $(this).data('value');
           
    jQuery.ajax(
    {
      type: "POST",
      data:  { input_value : value_id },
      success: function(data,status,xhr) {
        // Check the output of ajax call on firebug console
        console.log(data);
        <?php
          
          $update = $datasource->acceptNewCustomer($user_id,1,utf8_decode($_POST['input_value']));
          
          if ($update == 'OK')
          {                        
            ?>
              alert('Cliente agregado correctamente');
              location.reload();
            <?php
          }else
          {
            ?>
              alert('Error al agregar cliente');
            <?php
          }
        ?>  
      },
      error: function () {
        alert("error");
      }
    }); 

  });
</script>
Responder

31/10/2017

Luccas Gaulia

Muito obrigado, abriu caminhos...

Ainda não consegui resolver... mexi um pouco mais, tentando fazer com que não seja executado... o Engraçado é que uma função funciona corretamente, a outra não...

Olha o que eu fiz... function mySucess ainda está com erro

      <script type="text/javascript">
        $(document).ready(function() {

          var classname1 = document.getElementsByClassName("btn-sucess");

          var classname2 = document.getElementsByClassName("btn-danger");

          for (var i = 0; i < classname1.length; i++) {
              classname1[i].addEventListener('click', mySucess, false);
          }

          for (var i = 0; i < classname2.length; i++) {
              classname2[i].addEventListener('click', myDanger, false);
          }

        });
      </script>

      <script type="text/javascript">

        function mySucess() {

          var value_id = $(this).data('value');

          alert(value_id);
                 
          jQuery.ajax(
          {
            type: "POST",
            data:  { input_value : value_id },
            success: function(data,status,xhr) {
              // Check the output of ajax call on firebug console
              console.log(data);
              <?php
                
                $update = $datasource->acceptNewCustomer($user_id,1,utf8_decode($_POST['input_value']));
                
                if ($update == 'OK')
                {                        
                  ?>
                    alert('Cliente agregado correctamente');
                    location.reload();
                  <?php
                }else
                {
                  ?>
                    alert('Error al agregar cliente');
                  <?php
                }
              ?>  
            },
            error: function () {
              alert("error");
            }
          }); 

        };

      </script>
     <script type="text/javascript">

        function myDanger() {

          var value_id = $(this).data('value');

          alert(value_id);
                 
          jQuery.ajax(
          {
            type: "POST",
            data:  { input_value : value_id },
            success: function(data,status,xhr) {
              // Check the output of ajax call on firebug console
              console.log(data);
              <?php
                
                $update = $datasource->denyNewCustomer($user_id,2,utf8_decode($_POST['input_value']));
                
                if ($update == 'OK')
                {                        
                  ?>
                    alert('Cliente eliminado correctamente');
                    location.reload();
                  <?php
                }else
                {
                  ?>
                    alert('Error al eliminar cliente');
                  <?php
                }
              ?>  
            },
            error: function () {
              alert("error");
            }
          }); 

        };

      </script>
Responder

01/11/2017

Alex William

Vamos por partes, como dizia o esquartejador.

Não seria mais facil, esta parte

<script type="text/javascript">
        $(document).ready(function() {

          var classname1 = document.getElementsByClassName("btn-sucess");

          var classname2 = document.getElementsByClassName("btn-danger");

          for (var i = 0; i < classname1.length; i++) {
              classname1[i].addEventListener('click', mySucess, false);
          }

          for (var i = 0; i < classname2.length; i++) {
              classname2[i].addEventListener('click', myDanger, false);
          }

        });
      </script>


Ser escrita assim:

<script type="text/javascript">
$(document).ready(function() {

	$(".classname1").attr("onClick","mySucess");

	$(".classname2").attr("onClick","myDanger");
});
</script>


As outras funções eu não vejo erro, poderia postar que erro ocorre?

Espero ter ajudado.
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar