Foros del Web » Programando para Internet » Jquery »

Problema al enviar por ajax

Estas en el tema de Problema al enviar por ajax en el foro de Jquery en Foros del Web. Buena tarde, tengo dos problemas y me agradaria mucho si explican la razon. 1.como evitar cargar la libreria jquery en las paginas dinamicas sin tener ...
  #1 (permalink)  
Antiguo 19/05/2019, 21:35
 
Fecha de Ingreso: marzo-2011
Ubicación: Parral
Mensajes: 20
Antigüedad: 13 años
Puntos: 0
Pregunta Problema al enviar por ajax

Buena tarde, tengo dos problemas y me agradaria mucho si explican la razon.
1.como evitar cargar la libreria jquery en las paginas dinamicas sin tener que agreagar todo el codigo a la pagina index

2. no encuentro la razon de que el siguiente codigo no funcione correctamente
Código Javascript:
Ver original
  1. <script >    
  2.     var btnEnviar = $("#btnEnviar");
  3.     var url = "/Abcf/Alumno/SqlAC.php";                
  4.     $(document).ready(function() {      
  5.         $("#btnEnviar").click(function(event) {    
  6.         alert("Bien!!!, ");
  7.             event.preventDefault();            
  8.             if (validar('Formulario')){// veremos como cachar el valor de comodin
  9.                 alert("vamos a entrar a ajax!!!, ");        
  10.                
  11.                 $.ajax({
  12.                     type: "POST",
  13.                     url:  url,
  14.                     data: $('#Formulario').serialize()
  15.                      //,  //Aqui cargamos todos los valores del formulario
  16.                     beforeSend: function(){
  17.                         /*
  18.                         * Esta función se ejecuta durante el envió de la petición al
  19.                         * servidor.
  20.                         * */
  21.                         //btnEnviar.text("Enviando"); Para button
  22.  
  23.                         btnEnviar.val("Enviando"); // Para input de tipo button
  24.                         btnEnviar.attr("disabled","disabled");
  25.  
  26.                     },
  27.                     complete:  function(){
  28.                       /*
  29.                       * Se ejecuta al termino de la petición
  30.                       * */
  31.                       btnEnviar.val("Registrar");
  32.                       btnEnviar.removeAttr("disabled");
  33.                     },
  34.                     success: function(data){
  35.                         /*
  36.                         * Se ejecuta cuando termina la petición y esta ha sido
  37.                         * correcta
  38.                         * */
  39. //                        $("#Respuesta").html(data);
  40.                     },
  41.                     error: function(){
  42.                         /*
  43.                         * Se ejecuta si la peticón ha sido erronea
  44.                         * */
  45.                         alert("Problemas al tratar de enviar el formulario");                    
  46.                     }
  47.                     return false;// Nos permite cancelar el envio del formulario
  48.                 });                          
  49.             }// cierra el if q valida los campos
  50.             return false;// Nos permite cancelar el envio del formulario        
  51.         });//click boton enviar
  52.     });
  53. </script>
He intentado comentar y descomentar pero no lo unico que he encontrado es detar problemas con ajax
  #2 (permalink)  
Antiguo 20/05/2019, 08:37
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Problema al enviar por ajax

1.- depende como tengas estructurado tu sitio, no son adivinanzas por lo que no podemos responderte como evitarlo.

2.- no te funciona porque el formulario no se enviá en el evento onclick que es precisamente el que estas usando.
Debes utilizar el evento onsubmit que en jquery seria $('#id_form').submit()
  #3 (permalink)  
Antiguo 20/05/2019, 11:35
 
Fecha de Ingreso: marzo-2011
Ubicación: Parral
Mensajes: 20
Antigüedad: 13 años
Puntos: 0
Respuesta: Problema al enviar por ajax

Gracias por responder.

He leido que para evitar cargar el jquery en las paginas que son cargadas por este mismo modo se pueden cargar en la pagina madre o padre, pero para esto quedaria una agina
Ejemplo del error

index(pagina 1) tiene el Div Contenedor, el cual es cargado con jquery, el problema se da cuando intento ejecutar un jquery que esta alojado en el div contenedor (pagina2), este se omite, si trato de hacer acciones directas con javascript no tengo problema.

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:14.