F�rum Executa sem clicar, alguem pode ajudar? #587292

28/10/2017

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

Curtir t�pico

+ 0

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

Responder

Gostei + 1

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

Gostei + 1

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

Gostei + 0

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

Gostei + 0