Введение в работу с АПИ в Iframe

Для начала...
Значит так
Для того чтобы вывести информацию полученую от апи мы будем использовать метод getElementById().
Для вывода текстовой информации лучше всего использовать <font> или <span> но в прочем можно и <div>, если он не используется в css для других целей.
Структура вызова...
Любой не серверный метод апи имеет одну структуру
VK.api("method", { parm1:"value1", param2:"value2" }, function(data){ });

function(data) в данном случае указатель, как мы будем использовать полученые данные.
Примеры...
Внимание! Для работы скрипта необходимо разрешить доступ к друзьям!
Код
<html><head><title>flapps.ru</title><script src="http://vk.com/js/api/xd_connection.js?2"></script></head><body>
<select id="uid"></select><input type=button onclick=sendwallwindow(document.getElementById("uid").options[document.getElementById("uid").selectedIndex].value) >
<script>
VK.init(function(){ });
VK.api("friends.get", { fields:"first_name,last_name" } ,function(data) {
leng = data.response.length;
for(i=0;i<=leng;i++){
document.getElementById("uid").innerHTML=document.getElementById("uid").innerHTML+"<option value="+data.response[i].uid+">"+data.response[i].first_name+" "+data.response[i].last_name+"</option>";
 }
});
function sendwallwindow(user_id){ 
VK.api("wall.savePost", { wall_id:user_id, post_id:"123", photo_id:"90850767_178755589", message:"тест" }, function(data) {
VK.callMethod("saveWallPost", data.response.post_hash);   
});
}
</script></body></html>

Тут мы рассмотрели один из самых сложных примеров.
А теперь давайте разберём :

Разбор полётов
VK.init(function(){ }); //начинаем сессию для работы с апи
VK.api("friends.get", { fields:"first_name,last_name" } ,function(data) { //вызываем список друзей того, с чьей страницы запущено приложение
leng = data.response.length; //обрабатываем json ответ data - переменная нашей функции.
for(i=0;i<=leng;i++){ 
document.getElementById("uid").innerHTML=document.getElementById("uid").innerHTML+"<option value="+data.response[i].uid+">"+data.response[i].first_name+" "+data.response[i].last_name+"</option>"; //выводим с помощью выше указанного метода
}
});
function sendwallwindow(user_id){ 
VK.api("wall.savePost", { wall_id:user_id, post_id:"123", photo_id:"90850767_178755589", message:"тест" }, function(data) { 
VK.callMethod("saveWallPost", data.response.post_hash); //вызываем метод для того чтобы показать табличку-подтверждение
});
}

Для того чтобы понять суть данного поста - надо просто понять суть поста.
Желательно выучить хотя бы основы html
И прочесть ( внимательно!!!! ) документацию по апи вконтакте!!!!
Если что спрашиваем пониже.
P.S. - Я вернулся
Теги:
АПИ, Iframe
Добавлено: 14 Февраля 2015 13:28:28 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...