Foros del web, para los que viven de bits

JavierB · 09-sep-2005, 10:56

Vamos a dar comienzo a las FAQs del foro de Ajax

Importante

Las FAQ (Preguntas Frecuentes) están abiertas a que cualquier usuario haga sus aportaciones.
Si embargo os pido que tengais algunas consideraciones especiales a la hora de insertar vuestra aportación:

- Asegúrate de que la FAQ que vas a aportar pertenece a este foro (Ajax). Aquellas aportaciones que no tengan relación con Ajax serán eliminadas.

- Asegúrate de que tu aportación no ha sido ya insertada. Si ha sido aportada pero ofreces una forma diferente de hacer lo mismo, bienvenida sea, en ese caso indica con que FAQ está relacionada. Pero no si vas a proponer una solución que yá esté en las FAQ. Las FAQ duplicadas también serán eliminadas.

- Si la solución no es tuya indica el nombre del autor y si lo has sacado de otra web pon un enlace a su página. En este caso asegurate que dicha página permite la publicación de sus códigos.

- Indica el número de FAQ y sobre qué trata

- Si tienes alguna duda sobre alguna FAQ plantéala en un nuevo tema indicando el número de FAQ, o mejor aún, un enlace a la propia FAQ. Este tema no es para plantear preguntas. Cualquier mensaje en este tema que no sea una FAQ será eliminado sin previo aviso.

JavierB · 09-sep-2005, 11:00

He juntado en este mensaje los enlaces que habeis ido dejando en el foro. Si conoceis alguno más decirlo y lo añadiré. Igualmente si algún enlace está roto avisar para modificarlo.

En castellano:
http://www.therror.com/documentos/10..._entender_ajax
http://www.ideasfreelance.com/lab/instant_edit/
http://www.uberbin.net/archivos/inte...ciones-web.php
http://www.torresburriel.com/weblog/index.php?cat=32 Blog
http://usalo.blogspot.com/2005/07/aj...sabilidad.html Ajax y usabilidad
http://es.wikipedia.org/wiki/AJAX
http://168.243.202.108/todoajax/ejemplo1/ Ejemplo de xcars
http://www.zonaencuentros.com/ajax/ajax_ejemplo.php Ejemplo de zaqpz

En inglés:
http://www.backbase.com/
http://www.bindows.net/
http://www.casabac.com/ajaxdemos.html
http://jibbering.com/2002/4/httprequest.html Using the XML HTTP Request object
http://www.ashleyit.com/rs/jsrs/select/php/select.php Listas dependientes
http://www.webpasties.com/xmlHttpReq...utorial_1.html
http://openrico.org/rico/home.page
http://www.ajaxian.com/ Blog
http://www.ajaxblog.com/ Blog
http://www.ajaxmatters.com/r/welcome
http://script.aculo.us/
http://mir.aculo.us/ Blog
http://www.mp3act.net/ Reproductor mp3
http://en.wikipedia.org/wiki/AJAX
http://twilightuniverse.com/2005/05/sack-of-ajax/
http://www.fiftyfoureleven.com/resou...quest/examples
http://www.cgisecurity.com/ajax/
http://www.aflax.org/ Ajax + Flash
http://xajax.sourceforge.net/ Ajax + PHP

Gracias a todos por vuestras aportaciones.

queweno · 25-nov-2005, 12:30

Un wiki en español: http://www.ajax.com.es

Viet · 26-nov-2005, 06:14

No dejes de agregar este

http://www.ajaxpatterns.org/

Estan todos los patrones de diseño con ejemplos reales de aplicacion para AJAX

T4X · 14-feb-2006, 21:35

Sitios web relacionados en desarrollo de AJAX (En Inglés)

AjaxFreaks - http://www.ajaxfreaks.com
Rico - http://openrico.org
AdaptivePath - http://adaptivepath.com

T4X · 14-feb-2006, 21:51

P: Cómo establecer la conexión XML para mis scripts?
R:
Usando la función XMLHttpRequest() para navegadores diferentes a IE.
El objeto XMLHttpRequest te permite hacer peticiones asíncronas sin que el navegador tenga que enviar la página al servidor. Una vez que se recibe el XML de la petición se procesa con CSS y XSLT y se genera dinámicamente vía DOM y CSS el nuevo aspecto de la pantalla.

Ejemplo:

Código HTML:

function xmlConectar() {
 // Detectando que navegador se está usando...
 if(navigator.appName == 'Microsoft Internet Explorer') {
  http = new ActiveXObject('Microsoft.XMLHTTP');
 } else {
  http = new XMLHttpRequest();
 }
 return http;
}

Para cuando necesites aplicar una aplicacion desde el script primero declara una nueva variable como por ejemplo:

Código HTML:

rsHttp = new xmlConectar();

Ya con esto puedes conectar tus scripts y obtener la información en texto del archivo solicitado en open como por ejemplo:

Código HTML:

rsHttp.open('metodo','archivo/a/abrir.tal');

Siempre usar la variable con el objeto declarado para las respuestas del archivo solicitado.

richardinj · 18-feb-2006, 10:45

Con estas dos funciones puedes hacer maravillas, el resto es pura creatividad...

Creo el Objeto

Cita:

function AJAX2()
{
var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];
var ajax = false;
for(var i=0 ; !ajax && i<ajaxs.length ; i++){
try{ ajax = new ActiveXObject(ajaxs); }
catch(e) { ajax = false; }
}
if(!ajax && typeof XMLHttpRequest!='undefined') {
ajax = new XMLHttpRequest();
}
return ajax;
}

Llamamos a los datos...

Cita:

function CARGARDATOS(pagina,capa, parametros)
{
var ajax = AJAX2();
if(!ajax){
alert("No se puede ejecutar este proceso: Error de navegador");
return false;
}

document.getElementById(capa).innerHTML = "<center> ..:: Cargando Datos ::.. <img src='imagenes/cargando.gif'> </center>";

ajax.open("POST",pagina,true);

ajax.onreadystatechange = function() {
if (ajax.readyState == 4) {
document.getElementById(capa).innerHTML=ajax.respo nseText;
}
}

ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(parametros);

}

[i]Personalmente uso en los parametros una concatenación.
por ejemplo: parametros="cliente="+escape(valor)+"&id="+escape( alaluz)+"&si="+escape(sieresungatu)+"siiii="+escap e(saoooo)

En caso que tengas problemas con las tides y Eñes...

Al inicio, linea 1
Para ASP

Cita:

<% Response.Charset="ISO-8859-1" %>
//colocar sólo en las paginas que van a ser llamadas con AJAX

Para PHP

Cita:

header('Content-Type: text/xml; charset=ISO-8859-1');
//colocar sólo en las paginas que van a ser llamadas con AJAX

SaludoX.

EliasBG · 11-mar-2006, 11:06

Un aporte para el mejor uso de AJAX, AJAXConn lo pueden encontrar en esta misma sección del foro AJAX: forosdelweb.com/showthread.php?t=373529

falta los www al principio el motivo es que todavía no puedo colocar enlaces jejeje

Espero sus observaciones.

Saludos

ELíasBG

kidd · 02-may-2006, 15:21

He creado un tutorial que habla acerca de como implementar Ajax usando el lenguaje de programación Perl.

http://perlenespanol.baboonsoftware....ut/000167.html

Saludos

Terminator ® · 01-jun-2006, 16:50

AJAX + PHP:
http://www.pcimpacto.com.ar/informacion.php?id=45

iceman_cml · 25-oct-2006, 11:47

Ajax + .net

http://www.ajaxpro.info/

dano88 · 28-oct-2006, 03:13

falta esta que conocí el otro día:

ajaxhispano.com

saludetesss

vicman · 16-mar-2007, 09:05

Funcion para poder ejecutar javascripts que vienen desde la pagina llamada con AJAX.

HOWTO: Ejecutar javascript que viene de ajax

iceman_cml · 18-mar-2007, 15:58

Para los que usan .net, les recomiendo este proyecto que funciona 10 puntos, lo he usado en numerosos proyectos de gran escala y siempre han funcionado muy bien.

http://anthem-dot-net.sourceforge.net/

usermax · 10-abr-2007, 05:47

He creado una función completa para implementar ajax en tu web de una manera sencilla. Tutorial muy completo.

Descárgala desde usermax.net

caricatos · 18-abr-2007, 04:52

Pregunta: ¿Como subir archivos con Ajax?
Respuesta:
Con ajax a día de hoy no es posible subir archivos. Si alguien encuentra un script maravilloso usando esta tecnología, lo que en realidad suelen hacer es enviar un formulario a un iframe (tal vez oculto) o un popup con el método POST y el enctype="multipart/form.data"

stock · 08-may-2007, 15:23

Pregunta: como puedo enviar datos por el metodo POST?
Respuesta: es muy sencillo, unicamente necesitas especificar que es POST, y modificar las cabeceras del tipo de informacion enviada, asi:

Código PHP:


			
var par = "var1=hola&var2=mundo! a patín!";
            var url = "server/post.php";
                var ajax = getXMLHttpRequest();
            ajax.open("POST",url,true);
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
                ajax.onreadystatechange  = respuesta;
            ajax.send(par);
                
                function respuesta(){
                        if (ajax.readyState==4){
                                if (ajax.status==200){
                                        alert(ajax.responseText);
                    }else{
                                alert("Error al recibir la información!")
                    }
                  }
                }

mas informacion en
http://www.crysfel.com/index.php/200...post-con-ajax/

caricatos · 06-jul-2007, 01:31

Pregunta: ¿Como enviar caracteres especiales con ajax?
Respuesta:
La verdad es que más que cosa ajax, se trata de simple javascript

.
Simplemente hay que usar la función escape en los datos que se envíen:
valores = "param1=" + escape(dato1) + "&param2=" + escape(dato2);

gvargas · 18-jul-2007, 08:16

Pregunta: ¿Cómo muestro un gif animado con el mensaje "cargando..." mientras se procesa la respuesta con AJAX?

Respuesta: Este ejemplo es muy similar al efecto que hace gmail cuando se borra o carga un correo. (un mensaje en la ezquina superior derecha)

yo le he puesto ademas un gif animado para indicar el progreso.

Primero el código CSS:

Código PHP:


			
.msgStatus {

position:fixed;

top:1px;

right:1px;

border:1px solid #FF6600;

background-color:#FEEB9D;

color:#333;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:14px;

width:auto;

height:auto;

display:none;

}

Ahora el HTML de la página donde se hará uso del efecto.

Código PHP:


			
<!--Esto en el header de la pagina -->

<script language="javascript" type="text/javascript">

        Ajax.Responders.register(globalCallbacks);

</script>



<!--Esto dentro del body -->

<div class="msgStatus" id="status"><center><img src='img/ajax-loader.gif' border='0' align='absmiddle'>Procesando tu solicitud.</center></div>

Yo uso el siguiente gif:
http://mypage.bluewin.ch/yuppi/image...jax-loader.gif

Ahora la solicitud por AJAX.

Código PHP:


			
// Generalmente tenemos un archivo .js con las funciones javascript/ajax, poner esto

var globalCallbacks = {

    onCreate: function(){$('status').style.display = 'block';},

    onComplete : function(){

        if (Ajax.activeRequestCount == 0){

            $('status').style.display = 'none';

        }

    }

}



// despues de esto hacer cualquier petición con ajax por ejemplo:

function MiFuncionAjax(list_params){

    var parametros = 'parametros=' + list_params;

    new Ajax.Request('script.php', {method: 'post', parameters: parametros });

}

Y ya!

¿Cómo funciona? La variable globalCallbacks contiene dos funciones anonimas onCreate y onComplete, cuando el objeto ajax se crea el div se activa, y con onComplete se oculta.
Para que esto funcione se debe de colocar en el header de la pagina el responder: Ajax.Responders.register(globalCallbacks); que constatemente monitorea el comportamiento de la pagina, cuando se detecta que hay una petición Ajax pues le avisa a globalCallbacks que hay trabajo que hacer

Hecho esto, practicament cualquier petición hecha con ajax es detectada y proceso visual con el div hace el resto.

Nota: Esto funciona usando Prototype.

jeanki · 17-sep-2007, 19:50

Libro de ajax muy completo!!

http://www.librosweb.es/ajax/index.html

oabareload · 25-oct-2007, 10:55

url = a donde lo van a enviar, osea la página
formid = el ID del formulario
divid = el ID del DIV o lo que quieran donde se mostraran los resultados de la página a donde se envió el Formulario

Código PHP:


			
function enviarFormulario(url, formid, divid)
    {
        cargando();
        var Formulario = getElmById(

09-sep-2005, 10:56	#1 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.472	FAQs del foro de Ajax Vamos a dar comienzo a las FAQs del foro de Ajax Importante Las FAQ (Preguntas Frecuentes) están abiertas a que cualquier usuario haga sus aportaciones. Si embargo os pido que tengais algunas consideraciones especiales a la hora de insertar vuestra aportación: - Asegúrate de que la FAQ que vas a aportar pertenece a este foro (Ajax). Aquellas aportaciones que no tengan relación con Ajax serán eliminadas. - Asegúrate de que tu aportación no ha sido ya insertada. Si ha sido aportada pero ofreces una forma diferente de hacer lo mismo, bienvenida sea, en ese caso indica con que FAQ está relacionada. Pero no si vas a proponer una solución que yá esté en las FAQ. Las FAQ duplicadas también serán eliminadas. - Si la solución no es tuya indica el nombre del autor y si lo has sacado de otra web pon un enlace a su página. En este caso asegurate que dicha página permite la publicación de sus códigos. - Indica el número de FAQ y sobre qué trata - Si tienes alguna duda sobre alguna FAQ plantéala en un nuevo tema indicando el número de FAQ, o mejor aún, un enlace a la propia FAQ. Este tema no es para plantear preguntas. Cualquier mensaje en este tema que no sea una FAQ será eliminado sin previo aviso.

09-sep-2005, 11:00	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.472	1.- Enlaces de interés He juntado en este mensaje los enlaces que habeis ido dejando en el foro. Si conoceis alguno más decirlo y lo añadiré. Igualmente si algún enlace está roto avisar para modificarlo. En castellano: http://www.therror.com/documentos/10..._entender_ajax http://www.ideasfreelance.com/lab/instant_edit/ http://www.uberbin.net/archivos/inte...ciones-web.php http://www.torresburriel.com/weblog/index.php?cat=32 Blog http://usalo.blogspot.com/2005/07/aj...sabilidad.html Ajax y usabilidad http://es.wikipedia.org/wiki/AJAX http://168.243.202.108/todoajax/ejemplo1/ Ejemplo de xcars http://www.zonaencuentros.com/ajax/ajax_ejemplo.php Ejemplo de zaqpz En inglés: http://www.backbase.com/ http://www.bindows.net/ http://www.casabac.com/ajaxdemos.html http://jibbering.com/2002/4/httprequest.html Using the XML HTTP Request object http://www.ashleyit.com/rs/jsrs/select/php/select.php Listas dependientes http://www.webpasties.com/xmlHttpReq...utorial_1.html http://openrico.org/rico/home.page http://www.ajaxian.com/ Blog http://www.ajaxblog.com/ Blog http://www.ajaxmatters.com/r/welcome http://script.aculo.us/ http://mir.aculo.us/ Blog http://www.mp3act.net/ Reproductor mp3 http://en.wikipedia.org/wiki/AJAX http://twilightuniverse.com/2005/05/sack-of-ajax/ http://www.fiftyfoureleven.com/resou...quest/examples http://www.cgisecurity.com/ajax/ http://www.aflax.org/ Ajax + Flash http://xajax.sourceforge.net/ Ajax + PHP Gracias a todos por vuestras aportaciones. Última edición por JavierB; 01-jul-2007 a las 09:25.

26-nov-2005, 06:14	#4 (permalink)
Viet Fecha de Ingreso: octubre-2003 Ubicación: Mar del Plata - Argentina Mensajes: 205	No dejes de agregar este http://www.ajaxpatterns.org/ Estan todos los patrones de diseño con ejemplos reales de aplicacion para AJAX __________________ El hombre arriesga su vida cada ves que elige y eso es lo que lo hace libre.

14-feb-2006, 21:35	#5 (permalink)
T4X Fecha de Ingreso: enero-2004 Ubicación: myT-Base Mensajes: 259	Sitios web relacionados en desarrollo de AJAX (En Inglés) AjaxFreaks - http://www.ajaxfreaks.com Rico - http://openrico.org AdaptivePath - http://adaptivepath.com __________________ Ahora T4X es WinGFX!!!!!

14-feb-2006, 21:51	#6 (permalink)
T4X Fecha de Ingreso: enero-2004 Ubicación: myT-Base Mensajes: 259	Conexión AJAX P: Cómo establecer la conexión XML para mis scripts? R: Usando la función XMLHttpRequest() para navegadores diferentes a IE. El objeto XMLHttpRequest te permite hacer peticiones asíncronas sin que el navegador tenga que enviar la página al servidor. Una vez que se recibe el XML de la petición se procesa con CSS y XSLT y se genera dinámicamente vía DOM y CSS el nuevo aspecto de la pantalla. Ejemplo: Código HTML: function xmlConectar() { // Detectando que navegador se está usando... if(navigator.appName == 'Microsoft Internet Explorer') { http = new ActiveXObject('Microsoft.XMLHTTP'); } else { http = new XMLHttpRequest(); } return http; } Para cuando necesites aplicar una aplicacion desde el script primero declara una nueva variable como por ejemplo: Código HTML: rsHttp = new xmlConectar(); Ya con esto puedes conectar tus scripts y obtener la información en texto del archivo solicitado en open como por ejemplo: Código HTML: rsHttp.open('metodo','archivo/a/abrir.tal'); Siempre usar la variable con el objeto declarado para las respuestas del archivo solicitado. __________________ Ahora T4X es WinGFX!!!!!

25-nov-2005, 12:30	#3 (permalink)
queweno Fecha de Ingreso: julio-2003 Mensajes: 22	Un wiki en español: http://www.ajax.com.es

18-feb-2006, 10:45	#7 (permalink)
richardinj Fecha de Ingreso: enero-2005 Ubicación: Ciber Espacio Mensajes: 1.749	Con estas dos funciones puedes hacer maravillas, el resto es pura creatividad... Creo el Objeto Cita: function AJAX2() { var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"]; var ajax = false; for(var i=0 ; !ajax && i<ajaxs.length ; i++){ try{ ajax = new ActiveXObject(ajaxs); } catch(e) { ajax = false; } } if(!ajax && typeof XMLHttpRequest!='undefined') { ajax = new XMLHttpRequest(); } return ajax; } Llamamos a los datos... Cita: function CARGARDATOS(pagina,capa, parametros) { var ajax = AJAX2(); if(!ajax){ alert("No se puede ejecutar este proceso: Error de navegador"); return false; } document.getElementById(capa).innerHTML = "<center><strong> ..:: Cargando Datos ::.. <br><br><img src='imagenes/cargando.gif'><br> <br> </center></strong>"; ajax.open("POST",pagina,true); ajax.onreadystatechange = function() { if (ajax.readyState == 4) { document.getElementById(capa).innerHTML=ajax.respo nseText; } } ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.send(parametros); } [i]Personalmente uso en los parametros una concatenación. por ejemplo: parametros="cliente="+escape(valor)+"&id="+escape( alaluz)+"&si="+escape(sieresungatu)+"siiii="+escap e(saoooo) En caso que tengas problemas con las tides y Eñes... Al inicio, linea 1 Para ASP Cita: <% Response.Charset="ISO-8859-1" %> //colocar sólo en las paginas que van a ser llamadas con AJAX Para PHP Cita: header('Content-Type: text/xml; charset=ISO-8859-1'); //colocar sólo en las paginas que van a ser llamadas con AJAX SaludoX. __________________ *VISITA ==> MUJERES *** MAS > CHICAS** Última edición por richardinj; 01-jun-2006 a las 21:17.

11-mar-2006, 11:06	#8 (permalink)
EliasBG Fecha de Ingreso: julio-2005 Mensajes: 11	Un aporte para el mejor uso de AJAX, AJAXConn lo pueden encontrar en esta misma sección del foro AJAX: forosdelweb.com/showthread.php?t=373529 falta los www al principio el motivo es que todavía no puedo colocar enlaces jejeje Espero sus observaciones. Saludos ELíasBG

02-may-2006, 15:21	#9 (permalink)
kidd Fecha de Ingreso: mayo-2003 Mensajes: 322	Perl y Ajax He creado un tutorial que habla acerca de como implementar Ajax usando el lenguaje de programación Perl. http://perlenespanol.baboonsoftware....ut/000167.html Saludos __________________ Uriel Lizama, Perl Developer Aprende Perl en Perl en Español.

01-jun-2006, 16:50	#10 (permalink)
Terminator ® Fecha de Ingreso: julio-2004 Ubicación: San Isidro, Buenos Aires Mensajes: 177	AJAX + PHP: http://www.pcimpacto.com.ar/informacion.php?id=45 __________________ PC Impacto

25-oct-2006, 11:47	#11 (permalink)
iceman_cml Fecha de Ingreso: diciembre-2005 Ubicación: Rosario Mensajes: 65	Ajaxpro Ajax + .net http://www.ajaxpro.info/ __________________ www.nimbosolutions.com.ar

28-oct-2006, 03:13	#12 (permalink)
dano88 Fecha de Ingreso: diciembre-2005 Mensajes: 21	falta esta que conocí el otro día: ajaxhispano.com saludetesss

16-mar-2007, 09:05	#13 (permalink)
vicman Fecha de Ingreso: enero-2004 Ubicación: Medellin Mensajes: 142	Re: FAQs del foro de Ajax Funcion para poder ejecutar javascripts que vienen desde la pagina llamada con AJAX. HOWTO: Ejecutar javascript que viene de ajax Última edición por GatorV; 28-abr-2008 a las 08:42.

18-mar-2007, 15:58	#14 (permalink)
iceman_cml Fecha de Ingreso: diciembre-2005 Ubicación: Rosario Mensajes: 65	Re: FAQs del foro de Ajax Para los que usan .net, les recomiendo este proyecto que funciona 10 puntos, lo he usado en numerosos proyectos de gran escala y siempre han funcionado muy bien. http://anthem-dot-net.sourceforge.net/ __________________ www.nimbosolutions.com.ar

10-abr-2007, 05:47	#15 (permalink)
usermax Fecha de Ingreso: diciembre-2006 Mensajes: 515	Re: FAQs del foro de Ajax He creado una función completa para implementar ajax en tu web de una manera sencilla. Tutorial muy completo. Descárgala desde usermax.net

18-abr-2007, 04:52	#16 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.084	Subir archivos con Ajax Pregunta: ¿Como subir archivos con Ajax? Respuesta: Con ajax a día de hoy no es posible subir archivos. Si alguien encuentra un script maravilloso usando esta tecnología, lo que en realidad suelen hacer es enviar un formulario a un iframe (tal vez oculto) o un popup con el método POST y el enctype="multipart/form.data" __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

08-may-2007, 15:23	#17 (permalink)
stock Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL Mensajes: 1.993	Re: FAQs del foro de Ajax Pregunta: como puedo enviar datos por el metodo POST? Respuesta: es muy sencillo, unicamente necesitas especificar que es POST, y modificar las cabeceras del tipo de informacion enviada, asi: Código PHP: var par = "var1=hola&var2=mundo! a patín!"; var url = "server/post.php"; var ajax = getXMLHttpRequest(); ajax.open("POST",url,true); ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"); ajax.onreadystatechange = respuesta; ajax.send(par); function respuesta(){ if (ajax.readyState==4){ if (ajax.status==200){ alert(ajax.responseText); }else{ alert("Error al recibir la información!") } } } mas informacion en http://www.crysfel.com/index.php/200...post-con-ajax/ __________________ Don't hate the languaje, hate the runtime environment Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas

06-jul-2007, 01:31	#18 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.084	Caracteres especiales en Ajax Pregunta: ¿Como enviar caracteres especiales con ajax? Respuesta: La verdad es que más que cosa ajax, se trata de simple javascript . Simplemente hay que usar la función escape en los datos que se envíen: valores = "param1=" + escape(dato1) + "&param2=" + escape(dato2); __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

18-jul-2007, 08:16	#19 (permalink)
gvargas Fecha de Ingreso: octubre-2006 Ubicación: México D.F Mensajes: 211	Mostrar Mensaje "Cargando" Pregunta: ¿Cómo muestro un gif animado con el mensaje "cargando..." mientras se procesa la respuesta con AJAX? Respuesta: Este ejemplo es muy similar al efecto que hace gmail cuando se borra o carga un correo. (un mensaje en la ezquina superior derecha) yo le he puesto ademas un gif animado para indicar el progreso. Primero el código CSS: Código PHP: `.msgStatus { position:fixed; top:1px; right:1px; border:1px solid #FF6600; background-color:#FEEB9D; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; width:auto; height:auto; display:none; }` Ahora el HTML de la página donde se hará uso del efecto. Código PHP: `<!--Esto en el header de la pagina --> <script language="javascript" type="text/javascript"> Ajax.Responders.register(globalCallbacks); </script> <!--Esto dentro del body --> <div class="msgStatus" id="status"><center><img src='img/ajax-loader.gif' border='0' align='absmiddle'>Procesando tu solicitud.</center></div>` Yo uso el siguiente gif: http://mypage.bluewin.ch/yuppi/image...jax-loader.gif Ahora la solicitud por AJAX. Código PHP: // Generalmente tenemos un archivo .js con las funciones javascript/ajax, poner esto var globalCallbacks = { onCreate: function(){$('status').style.display = 'block';}, onComplete : function(){ if (Ajax.activeRequestCount == 0){ $('status').style.display = 'none'; } } } // despues de esto hacer cualquier petición con ajax por ejemplo: function MiFuncionAjax(list_params){ var parametros = 'parametros=' + list_params; new Ajax.Request('script.php', {method: 'post', parameters: parametros }); } Y ya! ¿Cómo funciona? La variable globalCallbacks contiene dos funciones anonimas onCreate y onComplete, cuando el objeto ajax se crea el div se activa, y con onComplete se oculta. Para que esto funcione se debe de colocar en el header de la pagina el responder: Ajax.Responders.register(globalCallbacks); que constatemente monitorea el comportamiento de la pagina, cuando se detecta que hay una petición Ajax pues le avisa a globalCallbacks que hay trabajo que hacer Hecho esto, practicament cualquier petición hecha con ajax es detectada y proceso visual con el div hace el resto. Nota: Esto funciona usando Prototype.

17-sep-2007, 19:50	#20 (permalink)
jeanki Fecha de Ingreso: julio-2007 Mensajes: 60	Re: FAQs del foro de Ajax Libro de ajax muy completo!! http://www.librosweb.es/ajax/index.html

25-oct-2007, 10:55	#21 (permalink)
oabareload Fecha de Ingreso: junio-2006 Ubicación: Distrito Federal, México Mensajes: 58	Enviar Formulario con AJAX url = a donde lo van a enviar, osea la página formid = el ID del formulario divid = el ID del DIV o lo que quieran donde se mostraran los resultados de la página a donde se envió el Formulario Código PHP: `function enviarFormulario(url, formid, divid) { cargando(); var Formulario = getElmById(`