Skip to main content
2 de 8
adicionou 1185 caracteres ao conteúdo
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Tens dois problemas aqui.

Um deles é que estás a defenir a variável dentro de uma função e daí ela não é acessível ao escopo fora dessa função.

Repara neste exemplo com o teu problema:

function bar(){
    var foo = 10:
}
bar();
console.log(foo); // undefined

Como podes resolver:

var foo;
function bar(){
    foo = 10:
}
console.log(foo); // undefined
bar();
console.log(foo); // 10

O segundo problema é que o ajax é assincrono. Isso quer dizer que o código depois deste pedaço jQuery.ajax() é corrido ante do código que está defenido dentro da callback, que só vai correr quando houver resposta do servidor. (exemplo de outra pergunta com o mesmo problema)

No caso do segundo problema tens de colocar o código que precisa dos dados do ajax, dentro dessa callback, ou chamar uma outra função de dentro do callback, passado a variável nos argumentos.

Então como resolvo?

Sugestão:

function getImageItem(callback) {
    var item = "";
    jQuery.ajax({
        url: "pegaPortifolio.php/?id=1", //?id="+idUltimo,
        dataType: "json", //Tipo de Retorno
        success: function(data) {
            var pt1 = '';
            var ultimo_id = 0,
                size = 0,
                key;
            for (key in data) {
                if (data.hasOwnProperty(key)) size++; //cod para contar o tamanho do array multidimensional
            } //size , variavel com o tamamho do array
            for (var i = 0; i < size; i++) { //monta o html para exibir os dados
                pt1 += '<div class="element-item ' + data[i].menu + '" data-category="transition"><div style="padding:2.5px;"><div style="border: 1px solid #AAAAAA;"><a href="#portfolioModal54" class="portfolio-link" data-toggle="modal"><img src="' + data[i].imageM + '" alt="project 2"><div class="fundo-port"><h1>"' + data[i].tipo + '"</h1><h2>"' + data[i].nome + '"</h2></div></a></div></div></div>';
            }
        }
    });
    callback(p1);
}

E desse modo podes chamar assim:

getImageItem(function(dados){
    alert(dados);
});
Sergio
  • 135,1mil
  • 16
  • 201
  • 294