Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/06/2013, 18:58
Avatar de jor_0203
jor_0203
 
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 13 años, 4 meses
Puntos: 8
tengo un problema muy interesante sobre ajax

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><!--aqui quiero traer de la pagina solo la variable $_GET['var']; -->
y en
<div id="apellidoDiv"></div> <!--aqui quiero traer de la pagina solo la variable $_GET['c2'];-->
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <script type="text/javascript">
  6. function requerir(){
  7.     try{
  8.     req=new XMLHttpRequest();
  9.     }catch(err1){
  10.         try{
  11.         req=new ActiveXObject("Microsoft.XMLHTTP");
  12.         }catch(err2){
  13.             try{
  14.             req=new ActiveXObject("Msxml2.XMLHTTP");
  15.             }catch(err3){
  16.             req= false;
  17.             }
  18.         }
  19.     }
  20. return req;
  21. }
  22. var peticion=requerir();
  23.  
  24. function llamarAjax(){
  25. var aleatorio=parseInt(Math.random()*999999999);
  26. var campo=document.form1.apellido.value;
  27. var campo2=document.form1.nombre.value;
  28. var url="codigo.php?var="+campo+"&r="+aleatorio+"&c2="+campo2;
  29. peticion.open("GET",url,true);
  30. peticion.onreadystatechange =respuestaAjax;
  31. peticion.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  32. peticion.send(null);
  33. }
  34.  
  35. function respuestaAjax(){
  36.     if(peticion.readyState==4)
  37.     {
  38.         if(peticion.status==200)
  39.         {
  40.         //alert(peticion.responseText);
  41.         document.getElementById("dina").innerHTML=peticion.responseText;
  42.         }
  43.         else
  44.         {
  45.         alert("ha ocurrido un error"+peticion.statusText);
  46.         }
  47.     }
  48.     else
  49.     {
  50.     document.getElementById("dina").innerHTML='<img src="carga.gif" />';
  51.     }
  52. }
  53.  
  54.  
  55. </head>
  56. <div id="dina"></div>
  57. <form action="" method="post" enctype="application/x-www-form-urlencoded" name="form1" id="form1">
  58. <input type="text" name="nombre" id="nombre" />
  59. <div id="dina"></div><!--aqui quiero traer de la pagina solo la variable  $_GET['var']; -->
  60. <input type="text" name="apellido" id="apellido" />
  61. <div id="apellidoDiv"></div> <!--aqui quiero traer de la pagina solo la variable  $_GET['c2'];-->
  62.  
  63. <input name="" type="button" onclick="llamarAjax()" />
  64. </form>
  65. </body>
  66. </html>




Código PHP:
Ver original
  1. <?php
  2. /*la pagina se llama codigo*/
  3. echo $_GET['var'];
  4. echo $_GET['c2'];
  5.  
  6. ?>

Última edición por jor_0203; 25/06/2013 a las 19:09