Ajax + PHP ?

lymyt0 · #1 (**permalink**) 11/03/2011, 18:06

Hola! La verdad es que no se apenas nada de php asi que necesito pequeños tips .. si pudieseis ayudarme lo agradeceria muchisimo.

Tengo una pagina con el siguiente codigo:

<html > <head> <title>index</title></head>

<body>

<a href="index">Inicio</a> /
<a href="echo1.php">echo 1</a> /
<a href="echo2.php">echo 2</a>

<p><? include("index.php");?> </p>

</body>
</html>

el Index:
<? echo "esto es el index"; ?>
el echo1:
<? echo "esto es el echo1"; ?>
y el echo2:
<? echo "esto es el echo2"; ?>

Lo que quiero es que al hacer click en cualquier link, cambie el include sin recargar toda la pagina. Supongo que seria algo asi como un iframe ¿? pero no quiero hacerlo con iframe.

Mi pregunta:
Como se hace eso ? alguien puede decirme como o donde encontrar informacion ?
Es eso Ajax ? Que nombre tiene eso ?

Muchas gracias por adelantado.

mashter · #2 (**permalink**) 11/03/2011, 18:10

consulta jquery.load , lee sobre css, divs, ids

GatorV · #3 (**permalink**) 11/03/2011, 18:12

Tema movido desde PHP a AJAX

lymyt0 · #4 (**permalink**) 12/03/2011, 16:19

ok! lo he solucionado con ajax

Asi es la pagina

<html >
<head>
<script language="JavaScript" src ="loader.js"> </script>
<title>index</title>
</head>

<body>

<a href="javascript:index()">Inicio</a> /
<a href="javascript:echo1()">echo 1</a> /
<a href="javascript:echo2()">echo 2</a>

<p><? include("index.php");?> </p>

</body>
</html>

Asi es el LOADER.JS

function index()
{ var xmlhttp;
if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); }
else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.onreadystatechange=function()
{ if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("content").innerHTML=xmlht tp.responseText; } }
xmlhttp.open("GET","../index.php",true); xmlhttp.send(); }

function echo1()
{ var xmlhttp;
if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); }
else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.onreadystatechange=function()
{ if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("content").innerHTML=xmlht tp.responseText; } }
xmlhttp.open("GET","../echo1.php",true); xmlhttp.send(); }

function echo2()
{ var xmlhttp;
if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); }
else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.onreadystatechange=function()
{ if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("content").innerHTML=xmlht tp.responseText; } }
xmlhttp.open("GET","../echo2.php",true); xmlhttp.send(); }

y Asi son los archivos

el Index:
<? echo "esto es el index"; ?>
el echo1:
<? echo "esto es el echo1"; ?>
y el echo2:
<? echo "esto es el echo2"; ?>

Solucionado =)