1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
| <!-- affichage des résultats dans la console -->
<script>
$(function(){
// recherche le select arrondissement
var $arrondissement = $("#monForm").find('select[name="commune"]').first();
// remplir avec paris 1 -> 20
for(let cpt = 1; cpt <= 20; cpt++){
$arrondissement.append(new Option(`Paris ${cpt}`, cpt));
}
$("#monForm").on('submit', function(e){
// disable default submit
e.preventDefault();
// serialiser en tableau mon formulaire
const dataForm = $(this).serializeArray();
console.log('mon tableau', dataForm);
// crée une chaine de characteres (string)
const listOfStrings = dataForm.map(element => {
// Si pas de valeur
if(element.value == '') return '';
// si c'est un chiffre (number)
if(!!Number(element.value))
return `${element.name}=${element.value}`;
// si ce nest pas un chiffre (Not A Number)
else if(isNaN(element.value))
return `search(${element.name},'${element.value}')`;
})
console.log(listOfStrings);
const listWithoutEmpty = listOfStrings.filter(element => element != '');
console.log(listWithoutEmpty);
const serializfedList = listWithoutEmpty.join(' and ');
const urlBase ='https://opendata.paris.fr/api/v2/catalog/datasets/dossiers-recents-durbanisme/records';
const listOfColumns = ['nom_dossier', 'type_dossier', 'adresse','commune', 'type_decision', 'etat', 'circonscription','programme'].join(',');
const url = `${urlBase}?select=${listOfColumns}&where=${serializfedList}&limit=100&offset=0&lang=fr&timezone=Europe%2FParis`;
console.log(url);
$.get(url, function(data, status){
console.log(data);
// generer le tableau;
});
})
});
</script>
</body>
</html> |
Partager