Ajax requests with php

Asked

Viewed 314 times

-1

Good afternoon, I am in the process of creating a site for a job, and I came across the situation that I will need to popular selects dynamically using AJAX, JSON and PHP. There is someone who is willing to give a brief introduction. an example would be, I select the state SP and appear the cities.

php javascript ajax

1 answer

0

Below a code accessing an api via ajax and filling the values of a select, in the comments I explained better each part of the code.

//esta função do ajax é lida no carregamento da pagina
$(function () {  
  
  //este ajax faz o acesso 
  $.ajax({
		url: 'https://servicodados.ibge.gov.br/api/v1/localidades/estados/',
		type: 'GET',
	})
	.done(function(data) {
    console.log(data);
		//data é o retorno da api    
    //esse for percorre todo o retorno e pega o nome do obj   
    for(i = 0; i < data.length; i++){
    
     //esta função está sendo usada para adicionar um elemento option em seu select e os valores deles são os dados retornados da api
     $("#estados").append("<option id='"+data[i].sigla+"'> "+data[i].nome+"</option>");
    }
    
	});
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h5>pegar os dados desta api : https://servicodados.ibge.gov.br/api/v1/localidades/estados/</h5>
<label>Preencha um estado:</label>
<!-- este select esta vazio e será preenchido via ajax -->
<select id="estados"></select>

Browser other questions tagged php javascript ajax

You are not signed in. Login or sign up in order to post.