Hope you’re having a good week so far!
So, I have this screen to edit a user’s information. (The information here is fictional, not from a real person)
All of other fields (name, birth date, age, address, etc) works and shows just fine, but nt the social name.
The request also not shows on the network tab when hitting the F12 in browser. I have tried a couple of things, but none of them worked. Anyone have any tips or hints that might help me find the solution?
Some of the related functions in jsonParser, the functions that should be responsible to load the social name is called loadNomeSocial, the request is inside the function:
var usuarioJson;
function jsonParseInfoPessoa(json) {
let objJson = JSON.parse(json);
usuarioJson = objJson;
nome = objJson[0].nome;
$('.nome').append(nome);
let controleConta = $('#bloqConta');
if (objJson[0].excluido == 1) {
$('#nomeLabel').append(nome + "- Usuário Desativado");
//adicionando botao de reativar
controleConta.append('<a href="control/main.php?req=ativaConta&id=' + identificador + '" class="btn btn-primary">Reativar conta</a>');
} else {
//botao de desativar
$('#nomeLabel').append(nome);
controleConta.append('<a href="control/main.php?req=desativaConta&id=' + identificador + '" class="btn btn-danger">Desativar conta</a>');
}
//formatando data de nascimento objJson[0].data_nascimento
let nascFormatada = objJson[0].data_nascimento.split('-');
nascFormatada = nascFormatada[2] + ' / ' + nascFormatada[1] + ' / ' + nascFormatada[0];
let idade = calculaIdade(objJson[0].data_nascimento);
$('#nasc').append(nascFormatada+'<br>Idade: '+idade + ' Anos');
if (objJson[0].menor_idade === "1") {
loadMenor();
$('#maiorIdade').attr('hidden',true);
} else {
loadContato(identificador);
loadEnd(identificador);
loadDocument();
loadDepententes();
loadLogin(identificador);
loadNomeSocial(identificador);
}
if (objJson[0].ruralino === "1") {
loadRuralino();
} else {
btnInsertRuralino();
}
if (objJson[0].excluido == '0') addBtnEdicaoPessoa();
}
function loadLogin(id) {
$('#altSenha').removeAttr('hidden');
ajaxLoadGET('control/main.php?req=selectLoginUser&id=' + id, parseLogin, '.carr');
function parseLogin(resposta) {
let objJson = JSON.parse(resposta);
$('#login').empty().append(objJson[0].usuario);
}
}
function loadMenor() {
$('#menorIdade').removeAttr("hidden");
ajaxLoadGET('control/main.php?req=selectResponsavelByMenorId&id=' + identificador, parseMenor, '.carr');
function parseMenor(json, corpo) {
var objJson = JSON.parse(json);
$('#menorIdade').removeAttr("hidden");
$('#respnome').append(objJson[0].nome);
$('#respLink').attr('href','index.php?pag=Info.Pessoa&id='+objJson[0].responsavel_id);
$('#parentesco').append(objJson[0].parentesco);
loadContato(objJson[0].responsavel_id);
loadEnd(objJson[0].responsavel_id);
}
}
function loadRuralino() {
//adicionamos o botão editar
$('#ruraLabel').append(' <button id="btnDeps" onclick="editaRuralino()" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></button>');
$('#ruralinoConteudo').removeAttr("hidden");
ajaxLoadGET('control/main.php?req=selectRuralinoByPessoaId&id=' + identificador, parseRuralino, '.carr');
function parseRuralino(json, corpo) {
var objJson = JSON.parse(json);
$('#matricula').append(objJson[0].matricula);
$('#curso').append(objJson[0].curso);
$('#bolsista').append(isAtivo(objJson[0].bolsista));
}
}
function btnInsertRuralino() {
//adicionamos o botão Adicionar
$('#ruraLabel').append(' <button id="btnDeps" onclick="insertRuralino()" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></button>');
}
function insertRuralino() {
let conteudo = $('#ruralinoConteudo');
conteudo.empty();
conteudo.removeAttr('hidden');
conteudo.append(
'<form action="control/main.php?req=insertRuralino&id=' + identificador + '" method="POST">' +
'<p>Curso: <input type="text" name="curso" placeholder="Educação Física" required="required"></p>' +
'<p>Matricula: <input type="number" name="matricula" placeholder="2018180188" ></p>' +
'<div class="form-group">n' +
' <label class="control-label" >Bolsista do CAC?</label>n' +
' <div class="">n' +
' <label class="radio-inline">n' +
' <input type="radio" name="bolsista" value="1">SIMn' +
' </label>n' +
' <label class="radio-inline">n' +
' <input type="radio" name="bolsista" value="0">NÃOn' +
' </label>n' +
' </div>n' +
' </div>' +
'<br/><input type="submit" class="btn btn-primary" value="Gravar"/>' +
'</form>'
);
}
function editaRuralino() {
let curso = $('#curso').text();
let matricula = $('#matricula').text();
let conteudo = $('#ruralinoConteudo');
conteudo.empty();
conteudo.append(
'<form action="control/main.php?req=updateRuralino&id=' + identificador + '" method="POST">' +
'<p>Curso: <input type="text" name="curso" value="' + curso + '" required="required"></p>' +
'<p>Matricula: <input type="number" name="matricula" value="' + matricula + '" ></p>' +
'<div class="form-group">n' +
' <label class="control-label" >Bolsista do CAC?</label>n' +
' <div class="">n' +
' <label class="radio-inline">n' +
' <input type="radio" name="bolsista" value="1">SIMn' +
' </label>n' +
' <label class="radio-inline">n' +
' <input type="radio" name="bolsista" value="0">NÃOn' +
' </label>n' +
' </div>n' +
' </div>' +
'<br/><input type="submit" class="btn btn-primary" value="Gravar"/>' +
'</form>'
);
}
function loadContato(id) {
ajaxLoadGET('control/main.php?req=selectTelefoneByPessoaId&id=' + id, parseContato, '#tels');
function parseContato(json, corpo) {
jsonContato = json;
let objJson = JSON.parse(json);
for (i in objJson) {
corpo.append('<p>Contato (' + getTelType(objJson[i].tipo) + '): ' + objJson[i].contato + '</p>');
}
}
}
function loadNomeSocial(id) {
ajaxLoadGET('control/main.php?req=selectNomeSocialByPessoaId&id=' + id, parseNomeSocial, '#nome_social');
function parseNomeSocial(json, corpo) {
console.log("Resposta da requisição Nome Social:", json);
let objJson = JSON.parse(json);
if (objJson.length > 0) {
$('#nome_social').append(objJson[0].nomesocial);
} else {
console.log("Nenhum nome social encontrado.");
}
}
}
function getTelType(num) {
num = parseInt(num);
switch (num) {
case 1:
return "celular";
case 2:
return "Whatsapp";
case 3:
return "Fixo";
case 4:
return "Recados";
case 5:
return "Email";
default:
return "...";
}
}
}
function loadEnd(id) {
ajaxLoadGET('control/main.php?req=selectEndereco&id=' + id, parseEnd, '.carr');
function parseEnd(json, corpo) {
var objJson = JSON.parse(json);
$('#rua').append(objJson[0].rua);
$('#num').append(objJson[0].numero);
$('#complemento').append(objJson[0].complemento);
$('#bairro').append(objJson[0].bairro);
$('#cidade').append(objJson[0].cidade);
$('#estado').append(objJson[0].estado);
}
}
function loadDocument() {
ajaxLoadGET('control/main.php?req=selectDocumento&id=' + identificador, parseDocumento, '.carr');
$('#documentos').removeAttr("hidden");
function parseDocumento(resposta, corpo) {
let json = JSON.parse(resposta);
$('#tipoDoc').append(documenTipo(json[0].tipo_documento));
$('#numDoc').append(json[0].numero_documento);
}
function documenTipo(num) {
if (num === "2") return "Passaporte";
if (num === "3") return "CPF";
return "Registro Geral (RG)";
}
}
function loadDependentes() {
ajaxLoadGET('control/main.php?req=selectDependentes&id=' + identificador, parseDependentes, '#dep');
$('#dependentes').removeAttr("hidden");
function parseDependentes(resposta, corpo) {
let json = JSON.parse(resposta);
for (i in json) {
corpo.append('<p>Nome: <span class="depNome"> ' + json[i].nome +
' <a href="?pag=Meus-Dados&id=' + json[i].id_pessoa + '" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></a>' +
' <a href="control/main.php?req=removeDependente&id=' + json[i].id_pessoa + '" class="btn btn-primary"><span class='glyphicon glyphicon-remove'></span></a>' +
'</span></p>');
}
}
}
/*------------------------------------------------EDITA USUARIO--------------------------*/
function addBtnEdicaoPessoa() {
$('#dadosBasicos').append(' <button id="btNome" onclick="editUsuarioNome()" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></button>');
$('#contato').append(' <button id="btnCont" onclick="editUsuarioContato()" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></button>');
$('#endereco').append(' <button id="btnEnd" onclick="editUsuarioEndereco()" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></button>');
$('#docLabel').append(' <button id="btnDoc" onclick="editUsuarioDocumento()" class="btn btn-primary"><span class='glyphicon glyphicon-pencil'></span></button>');
$('#dependentes h4').append(' <button id="btnDeps" onclick="adicionaDependete()" class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span></button>');
$('#nomesocial h4').append(' <button id="btnDeps" onclick="adicionaDependete()" class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span></button>');
}
function addMenor() {
var quantidade = $('#qtd_menor').val();
var divContent = $('#menor_de_idade');
quantidade++;
$(function () {
$('<div class="aluno">' +
'<h4> Dependente #' + quantidade + ' </h4><hr>n' +
' <div class="form-group col-md-8 col-lg-push-2">n' +
' <label class="control-label" for="nome_menor' + quantidade + '">Nome</label>n' +
' <div class="">n' +
' <input id="nome_menor' + quantidade + '" name="nome_menor' + quantidade + '" type="text" placeholder="Nome do menor ' + quantidade + '" class="form-control input-md" required="">n' +
' </div>n' +
' </div><br/>n' +
'n' +
' <!-- Nascimento do menor ' + quantidade + ' -->n' +
' <div class="form-group col-md-8 col-lg-push-2">n' +
' <label class="control-label" for="nascimento_menor' + quantidade + '">Nascimento</label>n' +
' <div class="">n' +
' <input id="nascimento_menor' + quantidade + '" name="nascimento_menor' + quantidade + '" type="date" placeholder="dd/mm/aaaa" class="form-control input-md" required="">n' +
' </div>n' +
' </div><br/>' +
'</div>').appendTo(divContent);
$('#qtd_menor').remove();
$('<input type="hidden" name="qtd_menor" value="' + quantidade + '" id="qtd_menor">').appendTo(divContent);
});
}
function editUsuarioNome() {
$('#btNome').removeAttr("onclick");
let dadosBasicos = $('#nomeNasc');
ajaxLoadGET('control/main.php?req=selecUsuarioLogado', function(response) {
let userData = typeof response === 'string' ? JSON.parse(response) : response;
// Log do valor exato e seu tipo para diagnóstico
console.log("Valor de nv_acesso:", userData.nv_acesso);
console.log("Tipo de nv_acesso:", typeof userData.nv_acesso);
console.log("Código de caracteres:", Array.from(userData.nv_acesso || "").map(c => c.charCodeAt(0)));
// Normalização do valor para evitar problemas com acentos ou espaços
let nivelNormalizado = "";
if (userData.nv_acesso) {
nivelNormalizado = userData.nv_acesso.trim().normalize("NFD").replace(/[u0300-u036f]/g, "");
}
console.log("Nível normalizado:", nivelNormalizado);
let nasc = usuarioJson[0].data_nascimento;
dadosBasicos.empty();
let opcoesSelect = "";
// Abordagem inversa - exibir Coordenação para todos EXCETO para níveis específicos
let niveisComuns = ["Administrador", "Professor", "Aluno", "Visitante"];
let isNivelComum = niveisComuns.some(nivel =>
userData.nv_acesso === nivel || nivelNormalizado === nivel
);
// Se NÃO for um dos níveis comuns, assumimos que é Coordenação
if (!isNivelComum) {
opcoesSelect += `<option value=5>${CargoCoordenador}</option>`;
}
opcoesSelect += `
<option value=4>Visitante</option>
<option value=3>${CargoAluno}</option>
<option value=2>${CargoProf}</option>
<option value=1>${CargoAdm}</option>
`;
dadosBasicos.append(`
<form action="control/main.php?req=updateDadosBasicos&id=${identificador}" method="POST">
<p>Nível de Acesso: <select id="nv_acesso" name="nv_acesso">${opcoesSelect}</select></p>
<p>Nome: <input type='text' name='nome' value="${nome}" required="required"></p>
<p>Data nascimento: <input type="date" name="nascimento" value="${nasc}" required="required"></p>
<p>Nome Social: <input type='text' name='nome_social' value="${nome_social}"></p>
<br/>
<input type="submit" class="btn btn-primary" value="Gravar"/>
</form>
`);
}, '#nv_acesso');
}
// Função auxiliar para obter o valor numérico do nível de acesso
function getNivelAcessoValue(nivelAcesso) {
switch(nivelAcesso) {
case "Coordenação": return 5;
case "Visitante": return 4;
case "Aluno": return 3;
case "Professor": return 2;
case "Administrador": return 1;
default: return 4; // Default para Visitante
}
}
function editUsuarioContato() {
$('#btnCont').removeAttr("onclick");
let tels = $('#tels');
let acm = '<form action="control/main.php?req=updateContato&id=' + identificador + '" method="POST">';
let tipo = 0;
tels.empty();
if (jsonContato !== null) {
jsonContato = JSON.parse(jsonContato);
tipo = jsonContato[0].tipo;
acm += `<p><input type="hidden" name="resp_tel_id" value="${jsonContato[0].id_contato}">Tel: <input type="number" name="resp_tel" value="${jsonContato[0].contato}" required="required">Tipo: <select id="resp_tel_type" name="resp_tel_type">
<option value="2" ${verTp(tipo, 2)}>Whatsapp</option>
<option value="1" ${verTp(tipo, 1)}>Celular</option>
<option value="3" ${verTp(tipo, 3)}>Fixo (residencial)</option>
<option value="4" ${verTp(tipo, 4)}>Recados</option>
<option value="5" ${verTp(tipo, 5)}>Email</option>
</select></p>`;
if(jsonContato.length >1){
acm += '<p><input type="hidden" name="resp_email_id" value="'+jsonContato[1].id_contato+'">' +
'Email: <input type="email" name="email" value="' + jsonContato[1].contato + '" required="required">' +
'</p>';
}
}
acm += '<br/><input type="submit" class="btn btn-primary" value="Gravar"/></form>';
tels.append(acm);
function verTp(tp, val) {
if (parseInt(tp) === parseInt(val)) return 'selected';
return '';
}
}
function editUsuarioEndereco() {
$('#btnEnd').removeAttr("onclick");
let end = $('#end');
//Obtendo dados atuais
let rua = $('#rua').text();
let numero = $('#num').text();
let complemento = $('#complemento').text();
let bairro = $('#bairro').text();
let cidade = $('#cidade').text();
let estado = $('#estado').text();
end.empty();
//Inserindo campos de edicao
end.append(
'<form action="control/main.php?req=updateEndereco&id=' + identificador + '" method="POST">' +
'<p>Rua: <input type='text' name='rua' value="' + rua + '" required="required"></p>' +
'<p>Numero: <input type="number" name="numero" value="' + numero + '" required="required"></p>' +
'<p>Complemento: <input type="text" name="complemento" value="' + complemento + '" ></p>' +
'<p>Bairro: <input type="text" name="bairro" value="' + bairro + '" required="required"></p>' +
'<p>Cidade: <input type="text" name="cidade" value="' + cidade + '" required="required"></p>' +
'<p>Estado: <input type="text" name="estado" value="' + estado + '" required="required"></p>' +
'<br/><input type="submit" class="btn btn-primary" value="Gravar"/>' +
'</form>');
}
function editUsuarioDocumento() {
$('#btnDoc').removeAttr("onclick");
let docs = $('#docs');
//obtendo dados atuais
let tipo = $('#tipoDoc').text();
let numero = $('#numDoc').text();
docs.empty();
docs.append(
'<form action="control/main.php?req=updateDoc&id=' + identificador + '" method="POST">' +
'<p>Tipo: ' +
' <select id="doc_type" name="doc_type">n' +
' <option value="3">CPF</option>n' +
' <option value="2">Passaporte</option>n' +
' </select>' +
'</p>' +
'<p>Numero: <input type="number" name="doc_number" value="' + numero + '" required="required"></p>' +
'<br/><input type="submit" class="btn btn-primary" value="Gravar"/>' +
'</form>');
}
function adicionaDependete() {
$('#gravaMenor').attr('type', 'submit');
$('#label_parentesco').removeAttr('hidden');
//requisitamos adicionar dependente no id do usuario atual
$('#formDependentes').attr('action', 'control/main.php?req=addDependente&id=' + identificador);
addMenor();
}
Here it is the div where the social name span is located:
<div id="nomeNasc">
<p>Nome: <span class="nome"> </span></span></p>
<p>data nascimento: <span id="nasc"></span></p>
<p>Nome Social: <span id="nome_social"></span></p>
</div>
Here it is the jsonParser.min functions:
function loadNomeSocial(id){console.log("Chamando loadNomeSocial com ID:",id),ajaxLoadGET("control/main.php?req=selectNomeSocialByPessoaId&id="+id,parseNomeSocial,".carr");function parseNomeSocial(json,corpo){console.log("Resposta da requisição Nome Social:",json);let objJson=JSON.parse(json);objJson.length>0?$(".nome-social").append(objJson[0].nomesocial):console.log("Nenhum nome social encontrado.")}}
And:
function editUsuarioNome(){$('#btNome').removeAttr("onclick");let dadosBasicos=$('#nomeNasc');ajaxLoadGET('control/main.php?req=selecUsuarioLogado',function(response){let userData=typeof response==='string'?JSON.parse(response):response;console.log("Valor de nv_acesso:",userData.nv_acesso);console.log("Tipo de nv_acesso:",typeof userData.nv_acesso);console.log("Código de caracteres:",Array.from(userData.nv_acesso||"").map(c=>c.charCodeAt(0)));let nivelNormalizado="";if(userData.nv_acesso){nivelNormalizado=userData.nv_acesso.trim().normalize("NFD").replace(/[̀-ͯ]/g,"");}console.log("Nível normalizado:",nivelNormalizado);let nasc=usuarioJson[0].data_nascimento;let nome_social=usuarioJson[0].nome_social||"";dadosBasicos.empty();let opcoesSelect="";let niveisComuns=["Administrador","Professor","Aluno","Visitante"];let isNivelComum=niveisComuns.some(nivel=>userData.nv_acesso===nivel||nivelNormalizado===nivel);if(!isNivelComum){opcoesSelect+=`<option value=5>${CargoCoordenador}</option>`;}opcoesSelect+=`<option value=4>Visitante</option><option value=3>${CargoAluno}</option><option value=2>${CargoProf}</option><option value=1>${CargoAdm}</option>`;dadosBasicos.append(`<form action="control/main.php?req=updateDadosBasicos&id=${identificador}" method="POST"><p>Nível de Acesso: <select id="nv_acesso" name="nv_acesso">${opcoesSelect}</select></p><p>Nome: <input type='text' name='nome' value="${nome}" required="required"></p><p>Nome Social: <input type='text' name='nome_social' value="${nome_social}"></p><p>Data nascimento: <input type="date" name="nascimento" value="${nasc}" required="required"></p><br/><input type="submit" class="btn btn-primary" value="Gravar"/></form>`);},'#nv_acesso');}
The function editUsuarioNome() also loads the values when you click in the pencil icon to further editions and updates of them.
The nomesocial attribute is in nome_social (social name) table which has id_pessoa as the foreign key from the table pessoa (person)