Введение в работу с АПИ в Iframe
Добавлено: 27 авг 2010, 11:26
Для начала...
Значит так
Для того чтобы вывести информацию полученую от апи мы будем использовать метод getElementById().
Для вывода текстовой информации лучше всего использовать <font> или <span> но в прочем можно и <div>, если он не используется в css для других целей.
Структура вызова...
Любой не серверный метод апи имеет одну структуру
VK.api("method", { parm1:"value1", param2:"value2" }, function(data){ });
function(data) в данном случае указатель, как мы будем использовать полученые данные.
Примеры...
Внимание! Для работы скрипта необходимо разрешить доступ к друзьям!
Тут мы рассмотрели один из самых сложных примеров.
А теперь давайте разберём :
Для того чтобы понять суть данного поста - надо просто понять суть поста.
Желательно выучить хотя бы основы html
И прочесть ( внимательно!!!! ) документацию по апи вконтакте!!!!
Если что спрашиваем пониже.
P.S. - Я вернулся ^^
Значит так
Для того чтобы вывести информацию полученую от апи мы будем использовать метод 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. - Я вернулся ^^
