Necesito ayuda con algo que no me funciona o me funciona a medias, quiero leer un fichero json generado a partir de una consulta a una base de datos postgres , lo que estoy haciendo es creando un fichero geojson (con coordenadas) para mostrar los resultados en un mapa. El formato del mismo es del tipo:
Código:
Total, que hago la función en JQuery y es aquí donde me encuentro el problema, se ejecuta la llamada Ajax, pq veo que se carga el fichero json, pero no me muestra los resultados en el div de salida. Mi script es el siguiente:{ "features": [{ "geometry": { "type": "Point", "coordinates": [-x.xxxxx, xx.xxxxx] }, "properties": { "cod_oficial": "003324", "toponimo": "Mi casa", "tipologia": "Casita en el campo", "municipio": "Mundo", "geojson": "{\"type\":\"Point\",\"coordinates\":[-x.xxxxx, xx.xxxxx]}" }, "id": 0 }] }
Código HTML:
<script> $(function () { $("#boton").click(function () { $.ajax({ url: 'localiza.json', type: 'POST', dataType: 'JSON', success: function (data) { var propiedades = "<ul>"; for (var c = 0; c < data.length; c++) { //var infopropiedad = "<li><img src='"+data[c].portada+"' width='100'/>" + data[c].titulo; var infopropiedad = data[c].cod_oficial; infopropiedad += " - " + data[c].toponimo; infopropiedad += " - " + data[c].tipoloxia; infopropiedad += " <em>" + data[c].municipio + "</em> </li>"; propiedades += infopropiedad; } propiedades += "</ul>"; $("#salida").html(propiedades); } }) }); }); </script> <button id="boton" class="boton boton-default">Cargar Datos</button> <br/> <div class="panel panel-default"> <div class="panel-heading">Respuesta</div> <div class="panel-body" id="salida">Presiona el botón para iniciar</div> </div>
Gracias de antemano! un saludo.