Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/02/2016, 21:35
villagran_gg
 
Fecha de Ingreso: marzo-2014
Mensajes: 64
Antigüedad: 10 años, 1 mes
Puntos: 1
Cambiar una vista al hacer click en un boton sin enviar datos en formulario

Buen día comunidad
Les agradecería mucho que me pudieran ayudar con el siguiente problema que tengo.
Tengo que hacer un programa que sea una encuentra.
En primer tengo un div que contiene la info de la encuesta
Código HTML:
Ver original
  1. <div class="row" id='la_encuesta'>
  2.     <div class="col-md-10">
  3.         <h4>Muchas gracias por contestar esta encuesta</h4>
  4.         <p>10 reactivos - Tipo comercial</p>
  5.         <a id='comenzar_encuesta' href="#">Comenzar</a>
  6.     </div>
  7. </div>
Me pregunta es como puedo hacerle para que se al dar click en "a" Me cambie solamente todo lo que este dentro del div con la id "la_encuesta" por otro contenido html digamos por
Código HTML:
Ver original
  1. <p>Esta es el primer reactivo</p>

Ya eh ocupado ajax anteriormente pero siempre habia de por medio un formulario y esta es la estructura que ocupaba(el proximo ajax solo es a modo de ejemplo)
Código Javascript:
Ver original
  1. $(function(){
  2.         $(document).on("click","#bn",function(){
  3.  
  4.             var formData = new FormData($("#formulario")[0]);
  5.  
  6.             var ruta = "practicas/e.php";
  7.  
  8.             $.ajax({
  9.  
  10.                 url: ruta,
  11.  
  12.                 type: "POST",
  13.  
  14.                 data: formData,
  15.                 contentType: false,
  16.                 processData: false,
  17.                 success: function(datos)
  18.                 {
  19.                     $("#respuesta").html(datos);
  20.                 }
  21.             });
  22.         });
  23.      });

Por eso mi duda es como puedo hacer el ajax sin que de por medio exitan datos que enviar o si debo de tratar el problema diferentemente