Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
etiquetas editadas; etiquetas editadas
Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
Origen Enlace

Traer y mostrar datos json con ajax

tengo un select en un formulario, y quiero que al seleccionar un option, me muestre los relacionados a este en unos input text en el formulario (para despues enviarlo y guardar en BD).. Use un ajax para enviar el valor seleccionado y hacer la consulta a BD correspondiente, pero al traer el resultado, no me muestra nada y me tira el mensaje de "error" de la funcion.. soy bastante novato en todo esto.. Gracias de antemano.

<script type="text/javascript">
    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;

}


function mifuncion(valor){
        $.ajax({
            url : 'buscard.php',
            type : 'GET',
            dataType : 'JSON',
            data : {valor:valor},
         
         success : function(json) {


        $("#precio").value = json.precio;
        $("#moneda").value = json.moneda;
            },
 
// código a ejecutar si la petición falla;
            error : function(xhr, status) {
                alert('Disculpe, existió un problema');
            }
});
    }
</script>
<div class="input-field col s6">
 
 <select id="propiedad" name="propiedad" class="browser-default" onchange="mifuncion(this.value)">
                            
                            <option value="nulo" selected="">Propiedad</option>
                            <?PHP
                            $sql= ("SELECT * FROM propiedades");
                            $res= mysql_query ($sql,$cnx);
                            while ($array= mysql_fetch_assoc($res)) {


                            echo "<option value=".$array['Id'].">".$array['Titulo']."</option>";

                            }
echo '
</select>
</div>
</br>';

?>


Precio: <input id="precio" type="text" name="precio" class="validate" aria-required="true" required> </br>

Moneda: <input id="moneda" type="text" name="moneda" class="validate" aria-required="true" required> </br>

buscard.php

<?PHP
require_once ("inc/html.head.php");
?>
<?php
if ( !function_exists('json_decode') ){
    function json_decode($content, $assoc=false){
                require_once 'Services/JSON.php';
                if ( $assoc ){
                    $json = new Services_JSON(SERVICES_JSON_LOOSE_TYPE);
        } else {
                    $json = new Services_JSON;
                }
        return $json->decode($content);
    }
}

if ( !function_exists('json_encode') ){
    function json_encode($content){
                require_once 'Services/JSON.php';
                $json = new Services_JSON;
               
        return $json->encode($content);
    }
}
?>
<?php

//el dato que enviamos a traves de ajax
$valor=$_GET['valor'];
 
//la consulta que necesites para trer el codigo y el nombre del cliente
$query=("SELECT * FROM propiedades WHERE Id =".$valor);
 
$r=mysql_query($query,$cnx);
while($resultados= mysql_fetch_array($r)){

 
$precio=$resultados['Precio'];
$moneda=$resultados['Moneda'];

//esta variable es para retornar los datos
$jsondata = array();
 
//agregamos nuestros datos al array para retornarlos
$jsondata['precio'] = $precio;
$jsondata['moneda'] = $moneda;

}
//este header es para el retorno correcto de datos con json
//header('Content-type: application/json; charset=utf-8');
 echo json_encode($jsondata);
?>