Ayuda codigo AJAX

[helacer]

Como estan:

No se manejar AJAX. Necesito dependiendo una opcion que se selecciona en una lista desplegable cargar dos datos de la base de datos y colocarlos en unos textbox que estan al lado de la listica. Me pueden orientar en como hacer esto con AJAX Please


Gracias

[matak]

mira en este post

http://www.forosdelweb.com/f13/cambi...ametro-634022/

si te caen dudas preguntayte intentaré guiar

[helacer]

Gracias por responder pero la verdad no entendi muy bien como es el cuento. No entendi en el archivo que se hace la consulta como mando los datos al javascript para que se lo asigne al campo detexto o en ese cadso a los divs

Yo habia intentado hacerlo con un ejemplo que dan en la pagina.

http://www.pcimpacto.com.ar/informacion.php?id=45

Tengo esto

Código HTML:

<script type="text/javascript">
function getDataServer(url, vars){
     var xml = null;
     try{
         xml = new ActiveXObject("Microsoft.XMLHTTP");
     }catch(expeption){
         xml = new XMLHttpRequest();
     }
     xml.open("GET",url + vars, false);
     xml.send(null);
     if(xml.status == 404) alert("Url no valida");
     return xml.responseText;
}
</script>
<script type="text/javascript">
function ValProducto(campo){
	var IdProducto = document.getElementById("SYSCodProducto" + campo).value;
    var error = getDataServer("servajax.php","?InfProducto="+IdProducto);
    if(error){
        //alert(error);
		document.getElementById("SYSValUnitario"+campo).value = <?=$ValProducto;?>;
    }
}
</script>
<!-- El el formulario va la lista que llama la funcion -->
<select name="SYSCodProducto<?=$P;?>" id="SYSCodProductoSYS<?=$P;?>" onChange="ValProducto(<?=$P;?>);"

El archivito php es este

Código PHP:

  <? 
// Realizo la conexi{on a la base de datos. 
include ("conexion.php"); 
@ $link = conectarse(); 
if($_GET["InfProducto"]){ 
 
    $consulta_chequeo = mysql_query("select * from sysproductos where Id_Producto = ".$_GET["InfProducto"]; 
    $ValProducto = mysql_result($consulta_chequeo,0,ValUniProducto); 
} 
?>   

Pues todo teoricamente ya esta bien pero no se como mandarle el resultado $ValProducto de la consulta para que se lo asigne al campo de texto que tiene valor de producto.

Me puede colaborar con eso gracias

[matak]

Vamos a intentar probar como yo se y entiendo,ok??

Código javascript:

//Funcion que crea el objeto ajax
function objetoAjax(){
    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;
}
 

ahora creamos la funcion que creará la instancia al objeto y realizará la petición

Código javascript:

function extraerInf(pagina,campo){
    var par = "InfProducto="+document.getElementById("SYSCodProducto" + campo).value;
    elementoDeRespuesta = document.getElementById('contenidoInfProducto'); //aquí mostraremos la respuesta que nos de el servidor al la petición
    ajax=objetoAjax();
    ajax.open("POST", pagina, true);
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
    ajax.send(par)
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            elementoDeRespuesta .innerHTML = ajax.responseText
        }
    }
 
}
 

Código html:

<!-- El el formulario va la lista que llama la funcion -->
<select name="SYSCodProducto<?=$P;?>" id="SYSCodProductoSYS<?=$P;?>" onChange="extraerInf('servajax.php',<?=$P;?>);"
<br />
<!--Elemento donde mostraremos la respuesta-->
<div id="contenidoInfProducto"></div>
 

Código php:

<?
// Realizo la conexi{on a la base de datos.
include ("conexion.php");
@ $link = conectarse();
if($_GET["InfProducto"]){
 
    $consulta_chequeo = mysql_query("select * from sysproductos where Id_Producto = ".$_GET["InfProducto"];
    $ValProducto = mysql_result($consulta_chequeo,0,ValUniProducto);
 
    echo '<input type=text id="valProducto" name="valProducto" value="'.$ValProducto .'"/>';
}
?>
 

Prueba a ver así y si no entiendes algo vuelve y comentamos

Saludos

[helacer]

Gracias ya lo entendi, solo me queda una duda.

Si necesitara retornar mas de un valor de la consulta; es decir, si aparte del precio necesito algun dato mas del producto como hago para llamarlo desde el ajax porqeu ese response.text me trae creo que lo ultimo que se imprimio en el archivo php pero si quiero traer dos valores como seria


Gracias

[matak]

Iniciado por helacer

Gracias ya lo entendi ... porqeu ese response.text me trae creo que lo ultimo que se imprimio en el archivo php

Seguro???

A ver te voy a intentar explicar.

Cuando tu haces una petición por medio de Ajax al servidor lo que haces es mandarle un archivo .php p.e. El servidor procesa dicha página y resposeText devuelve el resultado de ese procesamiento.

Iniciado por helacer

si aparte del precio necesito algun dato mas del producto

Para ello solo tienes que escribir en la página resultado todo lo que desees mostrar.

Si por ejemplo el producto tiene una descripción que esta en la BD en el Campo DescProducto

<?
// Realizo la conexión a la base de datos.
include ("conexion.php");
@ $link = conectarse();
if($_POST["InfProducto"]){ //Si envias los datos por POST $_POST y si es por GET $_GET

$consulta_chequeo = mysql_query("select * from sysproductos where Id_Producto = ".$_POST["InfProducto"];
$ValProducto = mysql_result($consulta_chequeo,0,ValUniProducto);
$DescProducto = mysql_result($consulta_chequeo,0,DescProducto);
echo '<input type=text id="valProducto" name="valProducto" value="'.$ValProducto .'"/>';
echo '<input type=text id="descProducto " name="descProducto " value="'.$DescProducto .'"/>';
}
?>