No funciona POST al cargar un pagina en un div con ajax y php

DmG_xD · #1 (**permalink**) 06/08/2011, 10:02

Buenos dias! Tengo el siguiente problema: Tengo una pagina principal index.php con un formulario de busqueda de libro, al presiona el boton de buscar cargo la pagina buscar.php en un div=content dentro del mismo index.php utilizando ajax. El problema es que no puedo leer el txtbuscar del formulario por metodo POST!

En otras palabras deseo que al presionar el botón buscar de mi formulario index.php, carge la pagina buscar.php en el div=content (COSA QUE YA HICE) pero que a la vez buscar.php pueda mostrar a traves de un echo el texto ingresado del textbox(txtbuscar) del formulario.

index.php

Código PHP:

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=iso-8859-1" />
<script type="text/javascript" src="javadiv.js"></script>
</head>
<body>
 <div id="content"> 
    <!-- Aqui cargara buscar.php y mostrara el texto ingresado del textbox-->  
 </div>
 
 <div id="BuscarLibro">
    <form name = "form1" id="form1" method="post" action="javascript:CargaDiv('buscar.php','content')">
     <table>     
        <tr>
        <td width="150"><center>Libro a consultar</center></td>
        </tr>
        <tr>
        <td><center><input name="txtbuscar" type="text" id="txtbuscar" size="16" />
        </center></td>      
        </tr>
        <td colspan="2">
        <center>
        <input name="btnbuscar" type="button" value="Buscar" onclick="submit()">        
        </center></td>
        </tr>
    </table>
    </form>
</body>
</html>

buscar.php

Código PHP:

Ver original<?php
    echo 'El libro a buscar a sido: ';
    // echo $_POST["txtbuscar"]; ESTE ES EL ERROR!
?>

javadiv.js (función que permite cargar una pagina en un div)

Código Javascript:

Ver original// Documento JavaScript
// Esta función cargará las paginas
function CargaDiv (url, id_contenedor)
{
    var objeto = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        objeto = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            objeto = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                objeto = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    objeto.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (objeto, id_contenedor);
    }
    objeto.open ('GET', url, true); // asignamos los métodos open y send
    objeto.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
 
function cargarpagina (objeto, id_contenedor)
{
    if (objeto.readyState == 4 && (objeto.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = objeto.responseText
    
    else //en caso contrario, mostramos un gif simulando una precarga
    document.getElementById(id_contenedor).innerHTML='<img src="loader.gif" alt="cargando" />'
}

xtimed · #2 (**permalink**) 06/08/2011, 10:21

Que error te aparece?

DmG_xD · #3 (**permalink**) 06/08/2011, 10:27

Hola xtimed!
Me sale este error:
Notice: Undefined index: txtbuscar in buscar.php on line 3

No funciona POST.. Si al hacer clic en buscar del formulario y cargara la pagina buscar.pho si funciona, pero al cargar la pagina buscar.php dentro de un div de index.php no me funciona POST!

vgonga1986 · #4 (**permalink**) 06/08/2011, 11:02

Creo que tu problema es de javascript. No soy un experto, pero realmente en el javascript ese lo que haces al final del todo es cargar la info de buscar.php en un div de la misma página en la que está el form. Pero realmente, el form todavía no se ha enviado, ya que javascript se ejecuta en cliente, no en servidor, luego el $_POST no ha llegado a tomar los valores del formulario.

Eso es lo que no funciona seguro, que aún no ha habido comunicación con el servidor, por lo tanto el post no ha tomado valor. Lo que no sé es cómo arreglarlo, supongo que habrá alguna forma en javascript, pero no te sé ayudar. Pregunta en la sección de AJAX.

Un saludo.

DmG_xD · #5 (**permalink**) 06/08/2011, 11:10

Tienes mucha razon vgonga1986.
Estoy modificando el JS, al acabarlo posteo la solución!

DmG_xD · #6 (**permalink**) 12/08/2011, 18:00

Tema resuelto.
GRAXIAS!

xDarkKinGx · #7 (**permalink**) 03/10/2011, 16:21

Hola, podrias dejar la solución porfavor? ya que estoy teniendo el mismo problema, gracias.