Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/06/2009, 15:52
Avatar de gepd
gepd
 
Fecha de Ingreso: diciembre-2007
Mensajes: 142
Antigüedad: 17 años
Puntos: 6
[Aporte] PermaLink en Ajax Con jQuery & PHP

Visitantes de ForosDelWeb

Quiero compartir un pequeño script que he hecho para poder tener links permanentes cuando se trabaja con ajax y jQuery, éste mini script consta de una parte con php y otra javaScript.


Código PHP, éste debe colocarse al principio de la página donde se visualizará la información
Código PHP:
<?php 
      $url 
$_SERVER['REQUEST_URI'];
      
$d split("&",$url);
?>


Ahora el código JavaScript de jQuery

Código:
$(document).ready(function(){
     if(<?=$d[1];?> != ""){
          $.ajax({
                       url: "pagina.php?parametro1=<?=$d[1];?>&parameto2=<?=$d[2];?>",
                       success: function(datos){
                            $("#contenido").html(datos);    
                      },
                      type: "GET",
           });
       }
});


pagina.php
donde se visualizará el contenido
Código HTML:
//Aquí el primer código php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inicio</title>
//aquí el código javascript de jQuery
</head>
<body>
<div id="contenido"></div>
</body>
</html> 
¿Cómo funciona?

1. Luego de haber agregado los script y haber creado las páginas correspondientes, pasamos los parametros de ésta forma

www.dominio.com/pagina.php?=&datos1&datos2

Se puede agregar cuantos parametros se requieran.

2. Luego para recoger éstos valores desde la página php que procesará la información lo hacen con las variables GET de siempre.
Código PHP:
$_GET['parametro1'];
$_GET['parametro2']; 

3.Aquí es donde agregan los parametros para pasarlos via ajax, aquí es donde se pueden agregar o quitar cuantos parametros deseen además de poder modificar el código y hacer que el nombre de la página tambiens e pase por variable.

en ésta caso quedaría:
pagina.php?=&nombredelapaginaquequierolllamar&para metro1&parametro2
Código:
url: "<?=$d[1];?>.php?parametro1=<?=$d[2];?>&parameto2=<?=$d[3];?>",
pagina.php?=&otrapagina&parametro1&parametro2
Pueden Modificar el código a su antojo, si tienen alguna mejora, duda, etc, no duden en escribir

Saludos

Última edición por gepd; 13/06/2009 a las 16:04