0

Olá, eu tenho um script simples que a partir de algumas pesquisas no stackoverflow eu construí.

Depois quando comecei a colocar mais algum conteúdo os scripts começaram a deixar de funcionar e a apresentar alguns erros, eu ja consegui resolver alguns mas existem dois erros que não estou a conseguir resolver que me aparecem na consola:

inserir a descrição da imagem aqui

Coloquei a versão mais actualizada do Ajax e jQuery mas algo não esta a funcionar, será que alguém me pode ajudar a resolver este erro?

O objectivo do script exibido é ao entrar na pagina executar automaticamente a função showPeople();

function LoadJsonData(callback) {
    $.ajax({
      url: './Json/dados.json',
      dataType: 'json',
      async: false,
      success: function (json) {
        if (callback) callback(json);
      }
    });
  }

var jsondata = LoadJsonData();

showPeople();

function showPeople() {


    var filtroFaixaEtaria = $("#FaixaEtaria option:selected").text();
    var filtroSexo = $("#Sexo option:selected").text();
    var filtroRecursoArma = $("#RecursoArma option:selected").text();
    var filtroDistrito = $("#Distrito option:selected").text();

    var arrayResultados = jsondata.filter(function (item) {
        var criteria = true;

        if (filtroFaixaEtaria != null && filtroFaixaEtaria != "")
            criteria = criteria && item["Faixa Etaria"] == filtroFaixaEtaria;
        if (filtroSexo != null && filtroSexo != "")
            criteria = criteria && item["Sexo"] == filtroSexo;
        if (filtroRecursoArma != null && filtroRecursoArma != "")
            criteria = criteria && item["RecursoArma"] == filtroRecursoArma;
        if (filtroDistrito != null && filtroDistrito != "")
            criteria = criteria && item["Distrito"] == filtroDistrito;


        return criteria;

    });

    document.getElementById("contadorprincipal").innerHTML = arrayResultados.length;

    document.getElementById("contadordebonecos").innerHTML = arrayResultados.length + " / " + arrayResultados.length;

    console.log("Foram encontrados " + arrayResultados.length + " elementos de acordo com a busca");
    const imagens = Array.from({
        length: Number(arrayResultados.length)
    }).reduce((html) => html + imagem, '');
    $('#images').html(imagens);

    console.log("Foram encontrados " + arrayResultados.length + " elementos de acordo com a busca");
    const imagenss = Array.from({
        length: Number(arrayResultados.length)
    }).reduce((html) => html + imagemm, '');
    $('#imagess').html(imagenss);
}

5
  • O seu problema deve ser porque você está utilizando um método filter() em um resultado nulo... tente regularizar para que seja um array vazio quando não tiver valor: [].filter( ... ), aqui tem mais informações sobre isso. Commented 25/06/2019 às 11:20
  • Seu problema é de assincronismo. Ao chamar a função showPeople, o valor de jsondata ainda é indefinido.
    – Sam
    Commented 25/06/2019 às 11:23
  • @IvanFerrer eu tive a ver mas o meu objectivo e filtrar os casos do json, pois esse filtro é uma função que uso num select e o show people e para o site exibir o numero total de casos no json
    – David Mv
    Commented 25/06/2019 às 12:38
  • @Sam Como é que eu posso defenir o valor do jsondata? o objetivo do script é analizar qual dos selects estao selecionados para depois definir quantos é que vai definir ao executar a paginar não existe nenhum select selecionado
    – David Mv
    Commented 25/06/2019 às 12:47
  • Para verificar se está definido: if(typeof jsondata !== 'undefined') { ... } Commented 25/06/2019 às 18:59

2 Respostas 2

1

Faça da seguinte forma, chamando a função LoadJsonData enviando como parâmetro do callback a função showPeople. O valor da variável jsondata será enviado pelo callback do Ajax para a função showPeople via parâmetro.

E retire a opção async: false, do Ajax. Usar Ajax de forma síncrona é desencorajado (veja esta resposta).

Seu código deve ficar assim:

function LoadJsonData(callback) {
    $.ajax({
      url: './Json/dados.json',
      dataType: 'json',
      success: function (json) {
        if (callback) callback(json);
      }
    });
  }

LoadJsonData(showPeople);

function showPeople(jsondata) {
   // resto do código
}
1
  • Continuou com o mesmo erro do showPeople e apareceram mais erros eu vou tentar rescrever de outra forma este código está muito estranho... mas obrigado na mesma!
    – David Mv
    Commented 25/06/2019 às 13:52
0

Tenta assim e veja se funciona:

function LoadJsonData(callback) {
    $.ajax({
      url: './Json/dados.json',
      dataType: 'json',
      async: false,
      success: function (json) {
        if (callback) callback(json);
      }
    });
  }

var jsondata = LoadJsonData(function(json){
    showPeople(json);
});

jsondata();


function showPeople(jsondataResult) {


    var filtroFaixaEtaria = $("#FaixaEtaria option:selected").text();
    var filtroSexo = $("#Sexo option:selected").text();
    var filtroRecursoArma = $("#RecursoArma option:selected").text();
    var filtroDistrito = $("#Distrito option:selected").text();

    var arrayResultados = jsondataResult.filter(function (item) {
        var criteria = true;

        if (filtroFaixaEtaria != null && filtroFaixaEtaria != "")
            criteria = criteria && item["Faixa Etaria"] == filtroFaixaEtaria;
        if (filtroSexo != null && filtroSexo != "")
            criteria = criteria && item["Sexo"] == filtroSexo;
        if (filtroRecursoArma != null && filtroRecursoArma != "")
            criteria = criteria && item["RecursoArma"] == filtroRecursoArma;
        if (filtroDistrito != null && filtroDistrito != "")
            criteria = criteria && item["Distrito"] == filtroDistrito;


        return criteria;

    });

    document.getElementById("contadorprincipal").innerHTML = arrayResultados.length;

    document.getElementById("contadordebonecos").innerHTML = arrayResultados.length + " / " + arrayResultados.length;

    console.log("Foram encontrados " + arrayResultados.length + " elementos de acordo com a busca");
    const imagens = Array.from({
        length: Number(arrayResultados.length)
    }).reduce((html) => html + imagem, '');
    $('#images').html(imagens);

    console.log("Foram encontrados " + arrayResultados.length + " elementos de acordo com a busca");
    const imagenss = Array.from({
        length: Number(arrayResultados.length)
    }).reduce((html) => html + imagemm, '');
    $('#imagess').html(imagenss);
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .