1

estoy haciendo unas pruebas, y con un botón activo un AJAX, pero este me recarga la página, no sé que tengo mal.

Este es mi código:

$(function(){
      $("#pruebaMia").click(function(e){
        var contenido = "";
        var contenido2 = "";
         $.ajax({
             url: "editar_ot.php",
             type: "post",
             dataType: "html",
             data: {
                'contenido': $("#ContenedorElegido").html(),
                'contenido2': $("#generalElegido").html()
             },
             beforeSend: function(){
               $("#mensaje").html("Procesando, espere por favor...")
             },
             success: function (res){
               $("#mensaje").html(res);
             }
         });
     });
  });

En editar_ot.php

<?php
    echo $contenido=$_POST['contenido'];
    echo $contenido2=$_POST['contenido2'];
 ?>

 <div class="">
   Esto es una prueba
 </div>

2 respuestas 2

1

Creo que es porque no has previsto el default, intenta asi:

$(function(){
      $("#pruebaMia").click(function(e){

        event.preventDefault(); // Añade esto para prevenir el default

        var contenido = "";
        var contenido2 = "";
         $.ajax({
             url: "editar_ot.php",
             type: "post",
             dataType: "html",
             data: {
                'contenido': $("#ContenedorElegido").html(),
                'contenido2': $("#generalElegido").html()
             },
             beforeSend: function(){
               $("#mensaje").html("Procesando, espere por favor...")
             },
             success: function (res){
               $("#mensaje").html(res);
             }
         });
     });
  });
3
  • gracias por tu respuesta tan rápida, y para que sirve eso de event.preventDefault(); @Josue Arriola
    – Miguel
    el 4 may. 2020 a las 19:49
  • 1
    Prevent default es un metodo que tienen los eventos que permite hacer que el comportamiento por defecto de lo que sea que haga el evento no sea ejecutado, es decir, si por ejemplo tu evento es de tipo click sera ejecutado, pero aquellas cosas que desencadene el evento no lo haran, por ejemplo si al momento de darle click a un boton el boton es de tipo submit, puedes hacer que el comportamiento por defecto de este boton (recargar la pagina) ya no lo haga con preventDefault.
    – Layer
    el 4 may. 2020 a las 21:57
  • Gracias por la aclaración!
    – Miguel
    el 5 may. 2020 a las 12:31
0

al a;adir event.preventDefault(); solo haces que el codigo se detenga hasta esa posicion es practicamente lo mismo que un die();

una pregunta aca

  data: {
            'contenido': $("#ContenedorElegido").html(),
            'contenido2': $("#generalElegido").html()
         },

por que tienes contenido y contenido2 entre comillas simples si mal no recuerdo la sintaxis de ajax no requiere eso prueba quitandolos

4
  • El boton que usas tiene algun type="submit" o algo parecido? el 4 may. 2020 a las 21:10
  • AJAX creo que seria mejor quitarles las comillas donde dice contenido y contenido 2 y seria merjor declarar variables con ese jquery y llamarla como el valor de cada contenido el 4 may. 2020 a las 21:23
  • Diculpa mi ignoracion soy nuevo en esto pero el que eh llegado a usar no uso comillas simples el 4 may. 2020 a las 21:25
  • Gracias por tus respuestas! arriba tienes la respuesta correcta para la solución! gracias y bienvenido!
    – Miguel
    el 5 may. 2020 a las 12:32

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.