0

Eu preciso preciso criar div's com dados de duas urls com json via ajax, e os dados serão retornados na mesma página, porém preciso passar duas urls como parâmetro, como eu posso fazer isso?

var url_aparecida = 'https://upvagasweb.000webhostapp.com/gerenciamento/php_access/access_json_aparecida.php';
var url_pinda = 'https://upvagasweb.000webhostapp.com/gerenciamento/php_access/access_json_pinda.php';

//Carrega dados de um arquivo json 
$(document).on('click', '#bt_prosseguir', function() {

    //preciso passar também a url_pinda
    $.getJSON(url_aparecida, function(result) {
        elemento = "<div class='list radius white'>";
        $.each(result, function(i, valor) {
            elemento += "<div class='item'>";
            elemento += "<div class='left'>";
            elemento += "<img class='avatar radius' src='" + valor.logo_empresa + "'>";
            elemento += "</div>";
            elemento += "<h2 style='margin-left:40%;'><strong>" + valor.setor + "</strong></h2>";
            elemento += "<p style='margin-left:40%;'>" + valor.empresa + "</p>";
            elemento += "<p style='margin-left:40%;'> Por " + valor.vinculo + "</p>";
            elemento += "<p class='text-grey-500' style='margin-left:40%;'>" + valor.cidade + " - SP</p>";
            elemento += "<p class='bt_ver_mais' style='margin-left:40%;color:#00f;'>Ver mais</p>";
            elemento += "<div class='more_info'>";
            elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Benefícios:</strong>" + valor.beneficios + "</p>";
            elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Remuneração</strong>" + valor.remuneracao + "</p>";
            elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Nível de estágio:</strong>" + valor.nivel_estagio + "</p>";
            elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Inscrição:</strong>" + valor.processo_seletivo + "</p>";
            // elemento += "<a href='"+valor.contato+"' class='ver_mais' style='margin-left:40%;'><strong>Link:</strong>"+valor.contato+"</p>";
            elemento += "</div>";
            elemento += "</div>";
        });
        elemento += "</div>";



        $('#feed_vagas').html(elemento);
        //esconde a div more_info
        $('.more_info').hide();
        $('.bt_ver_mais').click(function() {
            $(this).closest("div.item").find(".more_info").toggle();
            //https://api.jquery.com/closest/
        });
    });
});

1 Resposta 1

2

Não pode, você terá que fazer as requisições aos dois endereços diferentes.

var url_aparecida = 'https://upvagasweb.000webhostapp.com/gerenciamento/php_access/access_json_aparecida.php';
var url_pinda = 'https://upvagasweb.000webhostapp.com/gerenciamento/php_access/access_json_pinda.php';

//Carrega dados de um arquivo json 
$(document).on('click', '#bt_prosseguir', function() {
  var enderecos = [url_aparecida, urlpinda];

  var elemento = "<div class='list radius white'>";

  enderecos.forEach(function(url) {
    $.getJSON(url, function(result) {

      $.each(result, function(i, valor) {
        elemento += "<div class='item'>";
        elemento += "<div class='left'>";
        elemento += "<img class='avatar radius' src='" + valor.logo_empresa + "'>";
        elemento += "</div>";
        elemento += "<h2 style='margin-left:40%;'><strong>" + valor.setor + "</strong></h2>";
        elemento += "<p style='margin-left:40%;'>" + valor.empresa + "</p>";
        elemento += "<p style='margin-left:40%;'> Por " + valor.vinculo + "</p>";
        elemento += "<p class='text-grey-500' style='margin-left:40%;'>" + valor.cidade + " - SP</p>";
        elemento += "<p class='bt_ver_mais' style='margin-left:40%;color:#00f;'>Ver mais</p>";
        elemento += "<div class='more_info'>";
        elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Benefícios:</strong>" + valor.beneficios + "</p>";
        elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Remuneração</strong>" + valor.remuneracao + "</p>";
        elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Nível de estágio:</strong>" + valor.nivel_estagio + "</p>";
        elemento += "<p class='ver_mais' style='margin-left:40%;'><strong>Inscrição:</strong>" + valor.processo_seletivo + "</p>";
        // elemento += "<a href='"+valor.contato+"' class='ver_mais' style='margin-left:40%;'><strong>Link:</strong>"+valor.contato+"</p>";
        elemento += "</div>";
        elemento += "</div>";
      });

    });
  });
  elemento += "</div>";

  $('#feed_vagas').html(elemento);
  //esconde a div more_info
  $('.more_info').hide();
  $('.bt_ver_mais').click(function() {
    $(this).closest("div.item").find(".more_info").toggle();
    //https://api.jquery.com/closest/
  });

});
3
  • Não gerou erro, mas também não carregou os dados de nenhuma das urls, o json de cada uma é igual, só muda os valores, pois é um json de cada cidade, porém as informações precisam carregar na mesma página como um feed 27/11/2018 às 19:42
  • Não carregou os dados ou não montou o seu html? 27/11/2018 às 20:09
  • Não carregou os dados, o meu html já está feito 27/11/2018 às 20:14

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 .