hacer eso es bastante simple con este tipo de metodo... asqui te dejo un ej.
prueba.php
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>pruebas ajax get</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:148px;
height:22px;
z-index:1;
left: 13px;
top: 260px;
overflow: visible;
}
#Layer2 {
position:absolute;
width:142px;
height:68px;
z-index:2;
top: 283px;
left: 13px;
list-style-position: outside;
list-style-type: none;
overflow: hidden;
display: list-item;
}
-->
</style>
</head>
<script language="javascript">
function nuevoAjax()
{
var xmlhttp=false;
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined')
{
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function cargarContenido()
{
var t1, t2, contenedor;
contenedor = document.getElementById('contenedor');
t1 = document.getElementById('texto1').value;
t2 = document.getElementById('texto2').value;
ajax=nuevoAjax();
ajax.open("GET", "contenedor.php?t1="+t1+"&t2="+t2,true);
ajax.onreadystatechange=function(){
if (ajax.readyState==4)
{
contenedor.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
function cargaContenidoX()
{
var t1, t2, contenedor;
contenedor = document.getElementById('Layer2');
t1 = document.getElementById('ingreso').value;
ajax=nuevoAjax();
ajax.open("GET", "previo.php?t1="+t1,true);
ajax.onreadystatechange=function(){
if (ajax.readyState==4)
{
contenedor.innerHTML = ajax.responseText
}
else
{
contenedor.innerHTML='<b>Cargando...</b>';
}
}
ajax.send(null)
}
</script>
<style type="text/css">
#contenedor{
border: 1px solid #f00;
padding: 10px;
margin: 14px;
}
</style>
<?php
if (empty($appservlang))
{
$idioma = getenv("HTTP_ACCEPT_LANGUAGE");
}
echo"Lenguaje: $idioma<br>";
?>
<body>
<form name="frm" id="frm" onSubmit="cargarContenido(); return false">
<div><input name="texto1" type="text" id="texto1" value="valor1" />
</div>
<div><input name="texto2" type="text" id="texto2" value="valor2" />
</div>
<div><input type="submit" value="enviar" onPress="cargarContenido()" /></div>
</form>
<div id="Layer1">
<label>
<input name="ingreso" type="text" id="ingreso" onKeyPress="cargaContenidoX()" on>
</label>
</div>
<p> </p>
<p>Este ejemplo enviará información por el método get y la pondrá en el siguiente div: </p>
<div id="contenedor">div contenedor</div>
<div id="previo">Aqui</div>
<div id="Layer2"></div>
</body>
</html>
archivo externos (realizan consultas etc)
previo.php
Código PHP:
<?php
//archivo que realiza proceso asincrono
//cualquier proceso ,consultas, etc....
if($_GET)
{
$previo=$_GET["t1"];
if($previo!="")
{
if (strlen($previo)>10)
{
$previo=substr($previo,0,10)."...";
}
echo"<ul><li><a href='#'>".$previo."</a></li></ul>";//esto se vera en el div especifico
}
}
?>
contenedor.php
Código PHP:
<?php
if ($_GET)
{
var_dump($_GET);
}
?>
yo utilizo este sistema para realizar lo que ahora tu necesitas y funciona sin problemas,, ademas el o los archivos externos los puedes hacer que hagan lo que sea con los datos, ya sea consultas, calculos.... etc..
espero te sirva...
a se me olidavan los creditos.... la cosa es que no me acuerdo de donde obtuve esto pero si aparece el legitimo dueño hagalo saber para incluirlo....