¿Cómo completaría la llamada ajax a continuación a partir de los datos recibidos en el php?
El ciclo for, etc. Creo que estoy pidiendo las cosas incorrectas. Estoy trabajando con el folleto js, para poder completar una lista desplegable con nombres de países.
Gracias, soy muy nuevo y confundido!
El código js/ajax actual:
$.ajax({ url:"js/geoJson.php", type: 'POST', dataType: "json", success: function(result) { console.log(result); for (var i=0; i<result.data.country.length; i++) { $('#select-country').append($('<option>', { value: result.data.country[i].properties.iso_a2, text: result.data.country[i].properties.name, })); } } });El PHP que funciona correctamente:
$executionStartTime = microtime(true); $result = file_get_contents("countryBorders.geo.json"); $decode = json_decode($result,true); $countries = []; for($i=0;$i<count($decode['features']);$i++) { array_push($countries,$decode['features'][$i]['properties']); }; $output['status']['code'] = "200"; $output['status']['name'] = "ok"; $output['status']['description'] = "success"; $output['status']['returnedIn'] = intval((microtime(true) - $executionStartTime) * 1000) . " ms"; $output['data'] = $countries; header('Content-Type: application/json; charset=UTF-8'); echo json_encode($output);Muestra de datos:
{"type":"FeatureCollection","features":[{"type":"Feature","properties": {"name":"Bahamas","iso_a2":"BS","iso_a3":"BHS","iso_n3":"044"},"geometry": {"type":"MultiPolygon","coordinates":[[[[-77.53466,23.75975], [-77.78,23.71],[-78.03405,24.28615],[-78.40848,24.57564], [-78.19087,25.2103],[-77.89,25.17],[-77.54,24.34], [-77.53466,23.75975]]],[[[-77.82,26.58],[-78.91,26.42], [-78.98,26.79],[-78.51,26.87],[-77.85,26.84],[-77.82,26.58]]], [[[-77,26.59],[-77.17255,25.87918],[-77.35641,26.00735], [-77.34,26.53],[-77.78802,26.92516],[-77.79,27.04],[-77,26.59]]]]}},Esto debería funcionar. Simplemente reemplace el código JS anterior con esto.
$.ajax({ url: "js/geoJson.php", type: 'POST', dataType: "json", success: function(result) { const sel_country = document.querySelector('#select-country') let str = '' for (let i = 0; i < result.features.length; i++) { const data = result.features[i] str += `<option value="${data.properties.iso_a2}">${data.properties.name}</option>` } sel_country.innerHTML = str } });He editado mi código inicial.
Usar
value: result.data[i].iso_a2, text: result.data[i].name