Как получить аватар пользователя VK в iframe приложении?

Question

[vimirtv]

Доброе утро. После долгих поисков так и не смог найти ответ на вопрос.

Answer 1

[AltQ]

is = {
	type: function (value, type) {return {}.toString.call(value).match(/ ([a-z]+)/i)[1] == type}
}

registry = {}

function API_request(method, parameters, success, error) {
	if (!is.type(parameters, "Object")) {
		console.error("parameters must be an object.")

		return
	}

	var callback = "c" + String(Math.random()).slice(-6)
	var flag = false

	registry[callback] =
		function (data) {
			flag = true

			delete registry[callback]

			if (is.type(success, "Function")) {success(data)}
		}

	var URL = "https://api.vk.com/method/" + method + "?"

	for (var key in parameters) {URL += key + "=" + parameters[key] + "&"}

	var script = document.createElement("script")

	script.src = URL + "callback=registry." + callback

	script.onload = script.onerror =
		function () {
			if (flag) {return}

			delete registry[callback]

			if (is.type(error, "Function")) {error()}
		}

	document.head.appendChild(script)
}

API_request(
	"users.get",

	{
		user_ids: "1,2,3",
		fields: "photo_50"
	},

	function (response) {
		for (i = 0; i < response.response.length; i++) {
			img = document.createElement("img")

			img.src = response.response[i].photo_50

			document.body.appendChild(img)
		}
	},

	function () {alert("An error occured. No data loaded.")}
)

Comments

[vimirtv]

А можно подробнее. Знаний в JS нет. Что куда вставлять. Как вывести в в код img src=""

[AltQ]

Без знаний JS Вы мало что измените, а всё делать за Вас никто не будет. Я лишь дал пример, который может помочь в решении поставленной задачи.

Теперь по сути вопроса: этот код должен быть всего лишь в теге «script», в файле с расширением «htm» или «html». Изображения выводятся посредством динамического создания элементов «img».

[slvn2]

А нельзя ли как- то просто получить
{"response":[{"uid":1,"first_name":"Павел","last_name":"Дуров"}]}
и записать это в переменную?
-------
что- то типо как в php - file_get_contents

[AltQ]

slvn2: Здесь уж проще некуда. Основная функция готова, остаётся только передать ей нужные параметры и в функции обратного вызова сделать с полученными данными что хотите.

Answer 2

[slvn2]

Можно ещё проще, всё работает. Но! Никак не могу из функции вытащить локальную переменную с результатом, и сделать её глобальной. Подскажите пожалуйста, можно ли вот этот вот - result.response[0]['first_name'], как- то записать в глобальную переменною, уже всё перепробовал(

var api= "https://api.vk.com/method/users.get?user_id=1&v=5.45&callback=callbackFunc";
var script= document.createElement('SCRIPT'); 
script.src= api; 
document.getElementsByTagName("head")[0].appendChild(script); 


function callbackFunc(result) { 
alert(result.response[0]['first_name']);
}

Comments

[Алексей Ярков]

var api= "https://api.vk.com/method/users.get?user_id=1&v=5.45&callback=callbackFunc";
var script= document.createElement('SCRIPT'); 
script.src= api; 
document.getElementsByTagName("head")[0].appendChild(script); 
// глобальная переменная
var first_name = null;


function callbackFunc(result) { 
    first_name = result.response[0]['first_name'];
    alert(first_name );
}

[slvn2]

Алексей Ярков: вы просто переменную присвоили, она попрежнему локальная, если вывести alert(first_name ); вне функции, будет null, а нужно как- то из фунции вытащить

[Алексей Ярков]

slvn2: уберите:
// глобальная переменная
var first_name = null;
И попробуйте ))) Кстати, у меня на сайте так работает вполне сносно ))

[vimirtv]

Алексей Ярков: а можете дать код, так, чтобы я скопировал и вставил себе на сайт, и все работало)))

[Алексей Ярков]

vimirtv:

var api= "https://api.vk.com/method/users.get?user_id=1&v=5.45&callback=callbackFunc";
var script= document.createElement('SCRIPT'); 
script.src= api; 
document.getElementsByTagName("head")[0].appendChild(script); 

// глобальная переменная
var first_name = null;

// функция вызовется после загрузки API ВК
function callbackFunc(result) { 
    first_name = result.response[0]['first_name'];
    alert(first_name );
}

// таймер сработает через 15 секунд после загрузки страницы и выведет содержимое глобальной переменной, которая теперь не null, а переопределена в функции callbackFunc
setTimeout(function(){
	alert(first_name );
	}, 15000);

[slvn2]

Алексей Ярков: работает, но вот 15 секунд это жесть ждать конечно. Может быть знает кто как сделать так, чтобы выводилась переменная сразу же после того, как всё что нужно прогрузилось?

[Алексей Ярков]

slvn2: ну в функции callbackFunc и делайте что нужно )) в чем проблема?

[slvn2]

Алексей Ярков: да вот даж и не знаю, как- то выводить с таймаутом это не правильно, потому как не угадаешь сколько каждый раз скрипту нужно времени, а вот в функции callbackFunc никак не присвоишь полученные значения глобальным переменным. Много читал про асинхронность, но так и не понял нефига по большому счёту. ((( Чтобы без таймаута присвоить значения глобальным функциям, это вообще возможно?

[Алексей Ярков]

slvn2:

а вот в функции callbackFunc никак не присвоишь полученные значения глобальным переменным.

Че, правда?

[slvn2]

Алексей Ярков: наверное я имел ввиду без таймаута

[Алексей Ярков]

slvn2: в коде, что я привел выше, в функции callbackFunc как раз глобальная переменная меняется. Просто выполняйте код, который вам нужен, в теле этой функции и все.