Foros del web, para los que viven de bits

JavierB · 09/09/05, 10:56:32

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/09/05, 11:00:06

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/11/05, 12:30:45

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

Viet · 26/11/05, 06:14:45

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/02/06, 21:35:53

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/02/06, 21:51:01

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/02/06, 10:45:17

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/03/06, 11:06:15

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/05/06, 15:21:07

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/06/06, 16:50:13

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

iceman_cml · 25/10/06, 11:47:56

Ajax + .net

http://www.ajaxpro.info/

dano88 · 28/10/06, 03:13:23

falta esta que conocí el otro día:

ajaxhispano.com

saludetesss

vicman · 16/03/07, 09:05:36

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

HOWTO: Ejecutar javascript que viene de ajax

iceman_cml · 18/03/07, 15:58:20

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/04/07, 05:47:01

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/04/07, 04:52:06

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/05/07, 15:23:51

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/07/07, 01:31:09

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/07/07, 08:16:41

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/09/07, 19:50:11

Libro de ajax muy completo!!

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

oabareload · 25/10/07, 10:55:27

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(formid);
        var longitudFormulario = Formulario.elements.length;
        var cadenaFormulario = "";
        var sepCampos = "";
        var valor = "";
        for (var i=0; i < longitudFormulario;i++)
            {
                valor = Formulario.elements[i].value;
                valor = escape(valor);
                cadenaFormulario += sepCampos+Formulario.elements[i].name+'='+valor;
                sepCampos="&