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][1], que só vai correr quando houver resposta do servidor. ([exemplo de outra pergunta com o mesmo problema][2]) No caso do segundo problema tens de colocar o código que precisa dos dados do ajax, **dentro** dessa [callback][1], 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(pt1); // <- aqui envias de volta para a callback da chamada da função } }); } E desse modo podes chamar assim: getImageItem(function(dados){ alert(dados); }); [1]: http://pt.stackoverflow.com/a/27182/129 [2]: http://pt.stackoverflow.com/a/60854/129