Foros del Web - Ver Mensaje Individual - tengo un problema muy interesante sobre ajax

jor_0203 · #1 (**permalink**) 25/06/2013, 18:58

tengo un problema muy interesante sobre ajax, esto funciona bien pero quiero dividir la forma de traer contenido, es decir uno
traega <div id="dina"></div>
y en
<div id="apellidoDiv"></div> 
mi pregunta esto se puede ya que se que con ajax te gala todo
pero quiero jalar todo en partes
es decir nombre de la variable var sea jalado en el div con nombre dina
y
apellido que es la variable c2 entre en el div apellidoDiv
pero no se si esto se puede

me gustaría saber su opinión

Código HTML:

Ver original<!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>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
function requerir(){
    try{
    req=new XMLHttpRequest();
    }catch(err1){
        try{
        req=new ActiveXObject("Microsoft.XMLHTTP");
        }catch(err2){
            try{
            req=new ActiveXObject("Msxml2.XMLHTTP");
            }catch(err3){
            req= false;
            }
        }
    }
return req;
}
var peticion=requerir();
 
function llamarAjax(){
var aleatorio=parseInt(Math.random()*999999999);
var campo=document.form1.apellido.value;
var campo2=document.form1.nombre.value;
var url="codigo.php?var="+campo+"&r="+aleatorio+"&c2="+campo2;
peticion.open("GET",url,true);
peticion.onreadystatechange =respuestaAjax;
peticion.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
peticion.send(null);
}
 
function respuestaAjax(){
    if(peticion.readyState==4)
    {
        if(peticion.status==200)
        {
        //alert(peticion.responseText);
        document.getElementById("dina").innerHTML=peticion.responseText;
        }
        else
        {
        alert("ha ocurrido un error"+peticion.statusText);
        }
    }
    else
    {
    document.getElementById("dina").innerHTML='<img src="carga.gif" />';
    }
}
 
 
</script>
</head>
<body>
<div id="dina"></div>
<form action="" method="post" enctype="application/x-www-form-urlencoded" name="form1" id="form1">
<label>
<input type="text" name="nombre" id="nombre" />
<div id="dina"></div><!--aqui quiero traer de la pagina solo la variable  $_GET['var']; -->
</label>
<label>
<input type="text" name="apellido" id="apellido" />
<div id="apellidoDiv"></div> <!--aqui quiero traer de la pagina solo la variable  $_GET['c2'];-->
</label>
 
<input name="" type="button" onclick="llamarAjax()" />
</form>
</body>
</html>

Código PHP:

Ver original<?php
/*la pagina se llama codigo*/
echo $_GET['var'];
echo $_GET['c2'];
 
?>