refrscar un formulario con ajax

[nataliagb1992]

lo que necesito es que al introducir un dato en un campo de texto esto me lo lea una basae de datos y me muestre el resultado de una consula en un text area. Por ejemplo cuando introducimos un codigo de barras y se nos muestra el producto que es . La cosa es que tengo el formulario y el codigo que hace esto en la misma pagina , pero no me coge el valor de la variable que le paso por get . Os dejo aqui el codigo para que lo podais ver:
<div id="formularioArt">
<form action="entradaArticulo.php" method="post">
<legend>Entrada Almacén</legend>
<br/>
<label>Código de Barras</label>
<input name="cBar" id="cBar" type="text" size="20" maxlenght="200" autofocus/>
<br/>
<label>Fecha Entrada:</label>
<script>
$(function() {
$( "#fechaFactura" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true
});
$('#fecha').datepicker($.datepicker.regional['es']);
});
</script>
<input type="text" id="fechaFactura" name="fechaFactura" maxlenght="5" />

<label>Nº de Serie:</label>
<input name="numSer" id="numSer" type="text" size="30" maxlenght="200"/>
<?php
include_once 'clases/Class_Bd.php';
$conexion = new Conecta_DB;
$conexion->conectar();
$res = $_POST['cBar'];
print $_POST;
$consulta = "select nombre,descripcion,familia from altaArticulos where cBarras='$res'";
var_dump($consulta);
$query=$conexion->consultar($consulta);
while ($row = mysql_fetch_array($query)) {
$aviso0 = $row[0]['nombre'];
$aviso1 = $row[0]['descripcion'];

$aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 .".";
print "<textarea id='resultado'>" . $aviso . "</textarea>";
}
?>
<textarea id="resultado" placeholder="Aqui se muestra la informacion"></textarea><br/>
<input id="enviar" name="enviar" type="submit" value="Aceptar" />
</form>

[Dradi7]

Tienes un error tu misma dices que es GET y estas usando en tu PHP POST

Supongamos que cuando presiono enter en el campo del codigo de barra

Código Javascript:

$(document).ready(function(){
    $('#cBar').keydown(function(e){
        if (event.which == 13) {
            $.ajax({
                url: 'turul.php',
                type: 'POST'.
                data: 'cBar=' + $(this).val(),
                success: function(data){
                    $('resultado').val(data);
                }
            });
            event.preventDefault();
        }
    });
});
 

Ojo que ahora tu codigo php vas a tener que ponerlo en otra pagina para consultar y mostrar el resultado

Saludos

[nataliagb1992]

entonces como tendria que pnerl no se bien a que te refieres me lo puedes indicar en el cdig , es que yo tengo pst prque la informacion de ese formulario se la tengo que enviar a la pagina .php que indic , per a la vez quiero que me muestre la informacion , vamos a ver la cosa seria la siguiente ... yo relleno los campos de mi formulario , el primer campo que teng es el de cBar(codigo de barras) yo relleno este campo y directamente quiero que me apareza en un text area la informacion del producto(solo mostrarla!!!) luego sigo rellenando el restod e camps y le doy a enviar , y la informacion que envio al archivo .php que indica el formulario son solo la de los tres campos que tengo no la informacion que he mostrado.

[Dradi7]

por eso esta como te lo puse digamos que tu tienes este formulario

digamos que tienes 3 paginas:

1.- Primero pagina que muestra el formulario

Código HTML:

<form name="frm" action="envio.php" method="post">
    <input type="text" name="cBar" id="cBar" />
    ...
    ...
    ...
    <textarea id="resultado"></textare>
    <input type="submit" value="Procesar" />
</form>
 

2.- Segundo pagina que se encarga de realizar la búsqueda del código enviado en el cBar, esta pagina es la que va a ser consultada por el ajax y te va a devolver un resultado

Código PHP:

include_once 'clases/Class_Bd.php';
$conexion = new Conecta_DB;
$conexion->conectar();
$res = $_POST['cBar'];
print $_POST;
$consulta = "select nombre,descripcion,familia from altaArticulos where cBarras='$res'";
var_dump($consulta);
$query=$conexion->consultar($consulta);
while ($row = mysql_fetch_array($query)) {
$aviso0 = $row[0]['nombre'];
$aviso1 = $row[0]['descripcion'];
 
$aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 .".";
echo $aviso
 

3.- es la pagina que tu vas a procesar de lo que envias del formulario primero

Código PHP:

// aqui haces el calculo de lo que hay en tu formulario
 

entonces el código de lo que yo te pase es para poder recuperar la información de la pagina 2 pero esto no afecta a tu primera pagina ya que estas usando ajax y es transparente para el usuario

Código Javascript:

$(document).ready(function(){
    $('#cBar').keydown(function(e){
        if (event.which == 13) {
            $.ajax({
                url: 'turul.php',
                type: 'POST'.
                data: 'cBar=' + $(this).val(),
                success: function(data){
                    $('resultado').val(data);
                }
            });
            event.preventDefault();
        }
    });
});
 

Ojo que este código va en la primera pagina

Saludos

[nataliagb1992]

vale slo una pregunta turul.php de la pagina tres se supone que es donde yo pongo la pagina dos que es donde tengo include .... y en el formulario de la pagina uno en action debo pner la pagina para recoger los datos de mi formulario vedd

[nataliagb1992]

lo acabo de probar y ya no me sale errr pero no me sale el textarea con la informacion

[Dradi7]

el script que te puse pertenece a la primera pagina y si el tuurl es de la pagina segunda

Ejemplo:

Digamos que asi se llamen tus paginas

demo.php -> aquí tienes tu formulario y el script ajax, el action del form mencionara a procesar.php y el ajax a buscar.php
buscar.php -> aquí vas a realizar una busqueda y devolver un resultado
procesar.php -> aquí vas a procesar toda la informacion del formulario de demo.php

Saludos

[nataliagb1992]

vale pues no me sale nada ... mmmm

[nataliagb1992]

vale mira voy a intentar hacer una cosa voy a crear un boton que sea verProducto o algo asi que al meter el cod de barras le de y me salga la informacion , pero en verdad yo lo que necesito esque se me muestre de forma automatica ... jo porque no me saleee

[Dradi7]

puedes poner el codigo completo de tu formulario (primera pagina) y lo de tu segunda pagina en donde haces la busqueda

[nataliagb1992]

ok
estado haciendo cambios pero no e brra na solo lo e puesto en comentarios

pagina 1

<body>
<div id="formularioArt">
<form action="entradaArticulo.php" method="post">
<legend>Entrada Almacén</legend>
<br/>
<label>Código de Barras</label>
<input name="cBar" id="cBar" type="text" size="20" maxlenght="200" autofocus/>
<br/>
<label>Fecha Entrada:</label>
<script>
$(function() {
$( "#fechaFactura" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
dateFormat:'dd/mm/yy',
firstday:1
});
$('#fecha').datepicker($.datepicker.regional['es']);
});
</script>
<input type="text" id="fechaFactura" name="fechaFactura" maxlenght="5" />
<br/>

<label>Nº de Serie:</label>
<input name="numSer" id="numSer" type="text" size="30" maxlenght="200"/><br/>
<script>
$(document).ready(function(){
$('#cBar').keydown(function(e){
if (event.which == 13) {
$.ajax({
url: 'ajax.php',
type: 'POST',
data: 'cBar=' + $(this).val(),
success: function(data){
$('resultado').val(data);
}
});
event.preventDefault();
}
});
});
</script>
<table id="resultado"></table>

<input id="enviar" name="enviar" type="submit" value="Aceptar" />
</form>
</div>

</body>
</html>

pagina 2

<?php

/* al rellenar el codigo de barras se nos muestra la informacion del producto
* http://www.forosdelweb.com/f13/ajax-php-conectada-con-resultados-base-datos-1015007/
*/
include_once 'clases/Class_Bd.php';
echo " <link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />";

$conexion = new Conecta_DB;
$conexion->conectar();
$res = $_POST['cBar'];

$consulta = "SELECT nombre,descripcion,familia FROM altaArticulos WHERE cBarras='$res'";

$query = $conexion->consultar($consulta);
echo "<tabla id='tabla'>
<tr>
<td id='td1'>Nombre del Producto</td><td id='td1'>Descripción del Producto</td><td id='td1'>Familia del Producto</td>
</tr> <tr>" ;

foreach($query as $row){
echo "<td>";
echo $row[0]['nombre'];
echo "</td><td>";
echo $row[0]['descripcion'];
echo "</td><td>";
echo $row[0]['familia'];
}
echo"</tr></table>";
/*while ($row = mysql_fetch_array($query)) {
$aviso0 = $row[0]['nombre'];
$aviso1 = $row[0]['descripcion'];
$aviso2 = $row[0]['familia'];
$aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
print "<textarea id='resultado'>" . $aviso . "</textarea>";
}*/
?>

[Dradi7]

trata de cambiar esto <table id="resultado"></table> por esto <div id="resultado"></div> y de pasada verifica con el inspector de google chrome si te genera algun error

[nataliagb1992]

lo he cambiado y estoy utilizando firebug de mozilla est es lo que me sale :
ReferenceError: event is not defined
[Parar en este error]

if (event.which == 13) {

que esta aqui
$(document).ready(function(){
$('#cBar').keydown(function(e){
if (event.which == 13) {
$.ajax({
url: 'ajax.php',
type: 'POST',
data: 'cBar=' + $(this).val(),
success: function(data){
$('resultado').val(data);
}
});
event.preventDefault();
}
});
});

[Dradi7]

jejeje lo que pasa creo que yo me equivoque discúlpame no es event entonces si te das cuenta en la función he puesto e trata de cambiar el event por e y me avisas

Saludos

[nataliagb1992]

sigue sin salir esque no estiendo prque , estos e esta empeñando en estropearme el dia , pos oy me tiene que salir , aver si ves el fallo esque ni se inmuta , meto el cdigo de barras y nada no aparece nada ni un cuadraito ni un na : mira te paso las dos pagians de nuevo aver si tu encuentars algo poruqe yo ya no veo naaaaa:

Código HTML:

[HIGHLIGHT="PHP"]pagina 1
 
<?php
header("Content-Type: text/html;charset=utf-8");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
    <head>
        <title>Entrada de Almacen</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" media="screen" href="cssPageGrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="tema/css/custom-theme/jquery-ui-1.8.23.custom.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/ui.multiselect.css" />
 
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui-custom.min.js" type="text/javascript"></script>
        <script src="js/jquery.layout.js" type="text/javascript"></script>
        <script src="js/i18n/grid.locale-es.js" type="text/javascript"></script>
        <script type="text/javascript">
            $.jgrid.no_legacy_api = true;
            $.jgrid.useJSON = true;
        </script>
        <script src="js/ui.multiselect.js" type="text/javascript"></script>
        <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
        <script src="js/jquery.tablednd.js" type="text/javascript"></script>
        <script src="js/jquery.contextmenu.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="formularioArt">
            <form action="entradaArticulo.php" method="post">
                <legend>Entrada Almacén</legend>
                <br/>
                <label>Código de Barras</label>
                <input name="cBar" id="cBar" type="text" size="20" maxlenght="200" autofocus/>
                <br/>
                <label>Fecha Entrada:</label>
                <script>
                    $(function() {
                        $( "#fechaFactura" ).datepicker({
                            showOtherMonths: true,
                            selectOtherMonths: true,
                            dateFormat:'dd/mm/yy',
                            firstday:1
                        });  
                        $('#fecha').datepicker($.datepicker.regional['es']);                                   
                    }); 
                </script>
                <input type="text" id="fechaFactura" name="fechaFactura" maxlenght="5" />
                <br/>
 
                <label>Nº de Serie:</label>
                <input name="numSer" id="numSer" type="text" size="30" maxlenght="200"/><br/>
                <script>
                   $(document).ready(function(){
                        $('#cBar').keydown(function(event){
                            if (event.which == 13) {
                                $.ajax({
                                    url: 'ajax.php',
                                    type: 'POST',
                                        data: 'cBar=' + $(this).val(),
                                    success: function(data){
                                        $('resultado').val(data);
                                    }
                                });
                                event.preventDefault();
                            }
                        });
                    });
    /* function ajax(cBar){
     $.post("ajax.php",{cBarras:cBar},function(respuesta){
        jQuery("#resultado").html(respuesta);
    });
    }*/
    
                </script>
                <div id="resultado"></div>
              
                <input id="enviar" name="enviar" type="submit" value="Aceptar" />
            </form> 
        </div>
 
    </body>
</html>
 

[/HIGHLIGHT]

pagina 2:

Código PHP:

<?php
header("Content-Type: text/html;charset=utf-8");
/* al rellenar el codigo de barras se nos muestra la informacion del producto
 * http://www.forosdelweb.com/f13/ajax-php-conectada-con-resultados-base-datos-1015007/
 */
include_once 'clases/Class_Bd.php';
echo  " <link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />";
 
$conexion = new Conecta_DB;
$conexion->conectar();
$res = $_POST['cBar'];
echo "la variable es :".$res;
$consulta = "SELECT nombre,descripcion,familia FROM altaArticulos WHERE cBarras='$res'";
 
$query = $conexion->consultar($consulta);
echo "<tabla id='tabla'>
        <tr>
<td id='td1'>Nombre del Producto</td><td id='td1'>Descripción del Producto</td><td id='td1'>Familia del Producto</td>
</tr> <tr>" ;
 
foreach($query as $row){
    echo "<td>";
    echo $row[0]['nombre'];
    echo "</td><td>";
    echo $row[0]['descripcion'];
    echo "</td><td>";
    echo $row[0]['familia'];
}
echo"</tr></table>";
/*while ($row = mysql_fetch_array($query)) {
    $aviso0 = $row[0]['nombre'];
    $aviso1 = $row[0]['descripcion'];
    $aviso2 = $row[0]['familia'];
    $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
    print "<textarea id='resultado'>" . $aviso . "</textarea>";
}*/
?>
 

[Dradi7]

Primero has pulsado enter en el campo cbar (supongo que si)

Ahora en tu código php verifica si te devuelve algo cBar primero, luego cuando usas mysql_fetch_array se trabaja de la siguiente manera $row[0], $row[1], etc donde el numero corersponde al indice de la columna

Saludos

[nataliagb1992]

si le dao a enter n utiliz mysql_fetch array eso esta comentado ya que es lo que tenia y no me salia mas que el error y si he comprobaod que cBar no me da ningun resultado . y no se por que

Código PHP:

$query = $conexion->consultar($consulta);
echo "<tabla id='tabla'>
        <tr>
<td id='td1'>Nombre del Producto</td><td id='td1'>Descripción del Producto</td><td id='td1'>Familia del Producto</td>
</tr> <tr>" ;
 
foreach($query as $row){
    echo "<td>";
    echo $row[0]['nombre'];
    echo "</td><td>";
    echo $row[0]['descripcion'];
    echo "</td><td>";
    echo $row[0]['familia'];
}
echo"</tr></table>";
 

[nataliagb1992]

ahra ya me coge el valor de cBar per me sale este error :
Warning: Invalid argument supplied for foreach() in /var/www/routercfg/ajax.php on line 21
</tr></table>

el codigo es este

Código PHP:

foreach($query as $row){
    echo "<td>";
    echo $row[0]['nombre'];
    echo "</td><td>";
    echo $row[0]['descripcion'];
    echo "</td><td>";
    echo $row[0]['familia'];
}
 

[Dradi7]

el error esta ahora como te dije cambia esto

Código PHP:

foreach($query as $row){
    echo "<td>";
    echo $row[0]['nombre'];
    echo "</td><td>";
    echo $row[0]['descripcion'];
    echo "</td><td>";
    echo $row[0]['familia'];
}
 

por esto

Código PHP:

foreach($query as $row){
    echo "<td>";
    echo $row[0];
    echo "</td><td>";
    echo $row[1];
    echo "</td><td>";
    echo $row[2];
}
 

[nataliagb1992]

sale el mism error:

<link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />la variable es :123<br><tabla id='tabla'>
<tr>
<td id='td1'>Nombre del Producto|</td><td id='td1'>Descripción del Producto|</td><td id='td1'>Familia del Producto</td>
</tr> <tr>
Warning: Invalid argument supplied for foreach() in /var/www/routercfg/ajax.php on line 21
</tr></table>

codigo cambiado :

Código PHP:

foreach($query as $row){
    echo "<td>";
    echo $row[0]['nombre'];
    echo "</td><td>";
    echo $row[1]['descripcion'];
    echo "</td><td>";
    echo $row[2]['familia'];
}
 

[Dradi7]

es que el error esta en el foreach porque lo cambiaste si estabas usando el mysql_fecth_array en todo caso que te devuelve el consultar que tienes un mysql_fetch_array o un mysql_fetch_assoc dependiendo de esto debes hacer el correcto reccorido de tu for o foreach o while

[nataliagb1992]

pero como lo hago esque el problema es que no lo se hacer , esque cuando pongo mysql_fet.. tmb me sale error:
<link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />la variable es :123<br>
Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in /var/www/routercfg/ajax.php on line 30

codigo

Código PHP:

while ($row = mysql_fetch_array($query)) {
    $aviso0 = $row[0]['nombre'];
    $aviso1 = $row[1]['descripcion'];
    $aviso2 = $row[2]['familia'];
    $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
    print "<textarea id='resultado'>" . $aviso . "</textarea>";
}
 

[Dradi7]

es como te mencione arriba debe quedar asi como yo te muestro

Mira si usas mysql_fetch_array asi debes hacerlo

Código PHP:

while ($row = mysql_fetch_array($query)) {
    $aviso0 = $row[0];
    $aviso1 = $row[1];
    $aviso2 = $row[2];
    $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
    print "<textarea id='resultado'>" . $aviso . "</textarea>";
}
 

si usas mysql_fetch_assoc asi debes hacerlo

Código PHP:

while ($row = mysql_fetch_assoc($query)) {
    $aviso0 = $row['nombre'];
    $aviso1 = $row['descripcion'];
    $aviso2 = $row['familia'];
    $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
    print "<textarea id='resultado'>" . $aviso . "</textarea>";
}
 

[nataliagb1992]

<link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />la variable es :123<br>
Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in /var/www/routercfg/ajax.php on line 30

y en pantalla no sale mas que el formulario

[Dradi7]

pero trata de quitar esto de tu codigo y poner como yo te lo he puesto es por esto que te genera error


este codigo sacarlo y cambialo por lo que puse arriba

Código PHP:

foreach($query as $row){
    echo "<td>";
    echo $row[0]['nombre'];
    echo "</td><td>";
    echo $row[0]['descripcion'];
    echo "</td><td>";
    echo $row[0]['familia'];
}
 

[nataliagb1992]

ya esta quitado ese cdigo no esta , weno en comentaris pero yasta no esta puesto como pa que lo utilice

[Dradi7]

Perdon si estas usando mysql_fetch_array debes agregar un parametro mas asi

while ($row = mysql_fetch_assoc($query, MYSQL_NUM)) o asi tambien
while ($row = mysql_fetch_assoc($query, MYSQL_ASSOC))

en el primer caso las filas se van a recorrer asi

$row[0]
$row[1]
$row[2]

en el segundo caso asi

$row['nombre']
$row['descripcion']
$row['familia']

[nataliagb1992]

mira :
<link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />la variable es :123<br>
Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in /var/www/routercfg/ajax.php on line 30

Código PHP:

while ($row = mysql_fetch_array($query,MYSQL_NUM)) {
        $aviso0 = $row[0];
        $aviso1 = $row[1];
        $aviso2 = $row[2];
        $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
        print "<textarea id='resultado'>" . $aviso . "</textarea>";
    }
 

[Dradi7]

haber cambia todo eso que tienes por esto

Código PHP:

while ($row = mysql_fetch_assoc($query)) {
    $aviso0 = $row['nombre'];
    $aviso1 = $row['descripcion'];
    $aviso2 = $row['familia'];
    $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 . "que pertenece a la familia " . $aviso2 . ".";
    print "<textarea id='resultado'>" . $aviso . "</textarea>";
}
 

[nataliagb1992]

esto es vamos se esta kedando con nosotros :
<link rel='stylesheet' type='text/css' media='screen' href='cssPageGrid.css' />la variable es :123<br>
Warning: mysql_fetch_assoc() expects parameter 1 to be resource, boolean given in /var/www/routercfg/ajax.php on line 30