Foros del Web » Programando para Internet » Jquery »

Problema con ajax y js

Estas en el tema de Problema con ajax y js en el foro de Jquery en Foros del Web. Hola, soy nuevo en esto del desarrollo web, así que agradeceré su paciencia y conocimientos. El problema es el siguiente, estoy construyendo un sitio web ...
  #1 (permalink)  
Antiguo 08/06/2013, 01:09
 
Fecha de Ingreso: junio-2013
Mensajes: 3
Antigüedad: 11 años, 5 meses
Puntos: 0
Problema con ajax y js

Hola, soy nuevo en esto del desarrollo web, así que agradeceré su paciencia y conocimientos. El problema es el siguiente, estoy construyendo un sitio web en el cual cargo un formulario de ingreso de usuarios mediante ajax via jquery en la pagina principal, este formulario tiene asociado un javascript que valida los datos de los campos ingresados (jquery.validator). Dichos script tanto el de jquery, como el de validación los coloco en el head de la pagina principal o contenedora del form, el problema es que al cargar el form esos script no funcionan. Me gustaria me explicaran que si cuando cargo el form via ajax se actualiza el dom de la pagina contenedora y por tanto los script que esta contiene son validos para el form cargado...El codigo de carga del form es el siguiente:

Código Javascript:
Ver original
  1. var $j = jQuery.noConflict();
  2. $j(document).ready(function()
  3.   {
  4.     //Se carga la pagina de registro de usuarios
  5.     $j('#btn_carga_reguser').on('click', function(event)
  6.       {
  7.         $j.ajax(
  8.           {
  9.             beforeSend: function()
  10.               {
  11.                 $j('#ajaxLoader .ajaxLoader').show();
  12.               },
  13.  
  14.             url: 'maestro_usuario.html',
  15.             success: function(resultado)
  16.               {
  17.                 $j('#ajaxLoader .ajaxLoader').hide();
  18.                 $j('#cregistro_user').html(resultado);
  19.               }
  20.           });
  21.           return false;
  22.       });
  23.   });

donde #btn_carga_reguser es id del boton que dispara la carga, maestro_usuario.html es el formulario a cargar y #cregistro_user es el id del div en donde se carga el form. #ajaxLoader es el div en donde carga un gif de espera mientras se carga el form.

Saludos.
  #2 (permalink)  
Antiguo 08/06/2013, 10:53
Avatar de fhederico  
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 15 años, 3 meses
Puntos: 23
Respuesta: Problema con ajax y js

Hola,

Prueba cambiando esto

Código:
var $j = jQuery.noConflict();
$j(document).ready(function()
Por

Código:
$.noConflict();
$(document).ready(function()
Puedes dejarlos todos como
Código:
JQuery.(document)
ó

Código:
$(document)
Saludos
  #3 (permalink)  
Antiguo 08/06/2013, 22:47
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 8 meses
Puntos: 21
Respuesta: Problema con ajax y js

La consola muestra algún error? Deberías cargar el formulario primero al DOM, recién en esta instancia aplicar la validación.
__________________
_
  #4 (permalink)  
Antiguo 08/06/2013, 23:16
 
Fecha de Ingreso: junio-2013
Mensajes: 3
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Problema con ajax y js

Cita:
Iniciado por opzina Ver Mensaje
La consola muestra algún error? Deberías cargar el formulario primero al DOM, recién en esta instancia aplicar la validación.
Y como hago para cagar el formulario al DOM. No se supone que al hacer la carga de la pagina con ajax esta debería estar cargada.
  #5 (permalink)  
Antiguo 10/06/2013, 01:27
Avatar de vesper_metal90  
Fecha de Ingreso: enero-2013
Mensajes: 103
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Problema con ajax y js

No te compliques tanto puede tener dos o mas script separados uno que carga el formulario y otro que valida por ejemplo

<script type = "text/javascrit" scr = "jquery">
<script type = "text/javascrit" scr = "jquery.validator">
<script type = "text/javascrit" scr = "cargaFomulario">

puedes cargar el formulario con el onload

http://api.jquery.com/load/

y otra cosa no se mucho jquery pero esta raro esto lo que pusiste

si todo se cumplió : entra la success

success: function(resultado)
{
$j('#ajaxLoader .ajaxLoader').hide();
$j('#cregistro_user').html(resultado);
}//ponle un alert si no entra es que tienes algo mal desde el principio
});

$j('#ajaxLoader .ajaxLoader').hide(); esto lo veo raro voy hacer una prueba haber si se puede hacer lo que pesaste

Etiquetas: ajax, campos, formulario, funcion, html, javascript, js
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 13:52.