Salve, me buguei aqui tentando fazer o ajax me trazer uns dados de um JSON e eu preciso de uma aula/ajuda para entender como eu puxo os valores de um array de objetos(Acho que é isso rsrs). Tenho o seguinte código abaixo, está meio confuso, mas o meu objetivo é fazer o seguinte:
- Campo "areaatu_02" foi selecionado?
- sim: Então retorna como "select" do html com os valores do "possui_titulo" que estão no JSON
só que eu nunca trabalhei com uma estrutura mais complexa de JSON, mexia com umas mais simplesinhas ex: { "nome": "Rafael Eduardo"}
Agora estou me deparando com array dentro de array e isso está bugando muito minha cabeça...
Ficou muito confuso a minha dúvida? segue abaixo o código que tentei criar:
json.php
$obj = ('{
"area_atuacao": [{
"areaatu_02": [{
"portador_titulo": [
"AMB",
"RESIDÊNCIA MÉDICA"
],
"possui_titulo": [
"MEDICINA PREVENTIVA E SOCIAL",
"ADMINISTRACAO EM SAUDE"
]
}],
"areaatu_04": [{
"portador_titulo": [
"AMB",
"RESIDÊNCIA MÉDICA"
],
"possui_titulo": [
"ALERGIA E IMUNOLOGIA",
"PEDIATRIA"
]
}],
"areaatu_07": [{
"portador_titulo": [
"AMB",
"RESIDÊNCIA MÉDICA"
],
"possui_titulo": [
"ANGIOLOGIA",
"CIRURGIA VASCULAR",
"RADIOLOGIA"
]
}]
}]
}
');
// converto em um Array
$myARRAY = json_decode($obj);
//coloco na tela
echo json_encode($myARRAY);
?>
teste.php
<select name="AREA_ATUACAO" class="form-control" id="areaAtu" onchange="areaAtuFun()">
<option value="erro" disabled="disabled" selected>-- Selecione uma opção --</option>
<option value="areaatu_01">ACUPUNTURA</option>
<option value="areaatu_02">ADMINISTRAÇÃO EM SAÚDE</option><!-- TEM REGRA -->
<option value="areaatu_03">ALERGIA E IMUNOLOGIA</option>
<option value="areaatu_04">ALERGIA E IMUNOLOGIA PEDIÁTRICA</option><!-- TEM REGRA -->
<option value="areaatu_05">ANESTESIOLOGIA</option>
</select>
<div class='form-group col-md-4'>
<label for='PossueAreaAtu'>Portador do título de:</label>
<select name='PORTADOR_TITULO' class='form-control' id='PossueAreaAtu'>
<option value='erro' disabled='disabled' selected>-- Selecione uma opção --</option>
<span id="areaAtu_here"></span>
</select></div>
<script>
function areaAtuFun() {
var opFormValue = $('#areaAtu').val();
var opFormUrl = "json.php?data=area_atuacao."+ opFormValue;
$.ajax({
dataType: "json",
url: opFormUrl,
method: "GET",
data: data,
success: function(retorno){
if (retorno.count != 0) {
$(retorno.area_atuacao).appendTo("#areaAtu_here")
}else{
alert("Deu ruim.")
}
},
error: function(){
alert("Falha de conexão, tente novamente.")
}
})
var opForm = document.getElementById("areaAtu").value;
document.getElementById("areaAtu_here").innerHTML = "<option >"+ opForm +"</option>";
}
.appendTo("#areaAtu_here")
?<option>
com o valor retornado pelo ajax... OopForm
para ser mais preciso.select id="areaAtu"
, quero que nooption
ele apareça as opções doarea_atuacao.areaatu_04.possui_titulo
que está no JSON, mais precisamente:<option>ALERGIA E IMUNOLOGIA</option>
e<option>ADMINISTRACAO EM SAUDE</option>
ADMINISTRACAO EM SAUDE
é doareaatu_02
... qual é a lógica dele aparecer? não seriaPEDIATRIA
?