1

tengo un link con su respectivo href que quiere enviar datos al servidor pero uso prevent para antes preguntar si estoy seguro, si le doy SI yo pensaba que deberia enviar la comunicacion con el servidor pero no hacer nada, pero si lo relocalizo funciona

$(function() {
	$('.envios').click(function(e) {
		e.preventDefault();
		swal({
			title: "Aviso",
			text: "Está seguro que desea salir ? ",
			icon: "warning",
			buttons: true,
			dangerMode: true,
		})
		.then((willDelete) => {
			if (willDelete) {
            //Mensaje Opcional
            swal("Usted será redireccionado", {
            	icon: "success",
            });
            console.log(this.href);
            // redirección location.href = this.href
        } else {
        	swal("Canceceló la acción");
        }
    });
	});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<a href='envaluacion/primera' class="envios">Irse</a>
<a href='envaluacion/segunda' class="envios">Irse a Otra</a>

cuando uso ajax me redirecciona, pero porque y como lo arreglo?

$('.btnDeletes').on('click', function(e) {
      e.preventDefault();
      var nombreEva = 'evaDinamica';
      var idSalida = this.id;
      console.log('LÑ', idSalida);

      swal({
          title: "Esta seguro de eliminar al usuario?",
          text: "Elija una opcion",
          icon: "warning",
          buttons: true,
          dangerMode: true,
        }).then((willDelete) => {
            if (willDelete) {
              $.ajax({
                url: "/evaluacion/concerderRsol/" + nombreEva + "/" + id,
                type: "GET",
                data: {
                  nombreEva: nombreEva,
                  user: id
                },
                dataType: "html",
                success: function() {
                  console.log('success');
                  swal("si!", "bien", "success");
                },
                error: function(xhr, ajaxOptions, thrownError) {
                  console.log('error');
                  swal("Error!", "Please try again", "error");
                }
              });
            }
          }
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>


<button class="btnDeletes" id="uno">enviar</button>

8
  • ¿Qué deseas enviar al servidor ? ¿Qué funciona y que no en su código? no logro comprender exactamente qué desea lograr.
    – Dev. Joel
    Commented el 15 ago. 2018 a las 4:25
  • @Dev.Joel tengo datos en el href href='envaluacion/primera' 'primera', 'segunda' son dinamicos
    – hubman
    Commented el 15 ago. 2018 a las 4:26
  • @Dev.Joel las palabras primera y segunda...ect son valores que quiero enviar al servidor
    – hubman
    Commented el 15 ago. 2018 a las 4:32
  • A que te refieres con (debería enviar la comunicación con el servidor) te refieres a una petición Ajax? no veo donde hace la comunicación con el servidor, solo se ve una posible re dirección comentada. Podría explicar mejor que desea lograr, en particular yo, no entiendo muy bien aún.
    – Dev. Joel
    Commented el 15 ago. 2018 a las 4:33
  • 1
    Continuemos el debate en el chat.
    – Dev. Joel
    Commented el 15 ago. 2018 a las 4:48

1 respuesta 1

1

yo pensaba que debería enviar la comunicación con el servidor pero no hacer nada

No, al hacer click una forma de que se produzca la petición sería, mediante la redirección, O a través de Ajax para no tener que recargar la página.(está petición hacía falta en su primera porción de código)

Para el segundo ejemplo,Como mencioné, el error es simple y básicamente es un error de sintaxis, ya que hace falta el cierre del then con el paréntesis ), además de recomendar utilizar done para la devolución de éxito de las peticiones Ajax.

Posible código final

$('.btnDeletes').on('click', function(e) {
    e.preventDefault();
    var nombreEva = 'evaDinamica';
    var idSalida = this.id;
    let id = 12; // valor de prueba
    swal({
      title: "Esta seguro de eliminar al usuario?",
      text: "Elija una opcion",
      icon: "warning",
      buttons: true,
      dangerMode: true,
    }).then((willDelete) => {
      if (willDelete) {
        $.ajax({
          url: "/evaluacion/concerderRsol/" + nombreEva + "/" + id,
          type: "GET",
          dataType: "html"
        }).done(function(data){
            swal("si!", "bien", "success");
        });
      }
    }); //<- hacía falta
});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.