API ВКонтакте. Запросы к API, получение данных

Главная » Видеоуроки » JavaScript » API ВКонтакте. Запросы к API, получение данных
В прошлом уроке мы начали разбирать API ВКонтакте. В этом уроке мы сделаем запросы к методам api, получив данные о пользователе Вконтакте. Запросы мы сделаем несколькими способами (javascript, jquery ajax и php).
Подробно про запросы к api вы можете прочитать по ссылке. Если вы делаете запрос при помощи javascript, то запрос следует делать при помощи протокола jsonp. Это связано с тем, что запрос с одного домена на другой запрещены большинством браузеров в целях безопасности. Такие запросы характеризуются обязательным наличием callback функции.

Код урока

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>API Вконтакте</title>
</head>
<body>


	<h1>API Вконтакте</h1>

	<script type="text/javascript">
		var script = document.createElement('SCRIPT');
		script.src = "https://api.vk.com/method/users.get?user_ids=kamabzalov&fields=bdate&v=5.67&callback=callbackFunc";
		document.getElementsByTagName("head")[0].appendChild(script);
		function callbackFunc(result) {
			console.log(result.response[0].first_name);
		}
	</script>


	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

	<script>
		$.ajax({
			url: 'https://api.vk.com/method/users.get?user_ids=kamabzalov',
			type: 'GET',
			dataType: 'jsonp',
		})
		.done(function(data) {
			console.log(data.response[0].last_name);
		});
	</script>


	<?php

		$res = json_decode(file_get_contents("https://api.vk.com/method/users.get?user_ids=kamabzalov"), true);

		echo $res['response'][0]['uid'];


	?>


</body>
</html>

2 комментария

  1. Yura

    Странно, что вы делаете урок без охвата post запросов .

    Ответить
    • Камиль

      Здравствуйте. Спасибо за комментарий. В данном случае get запросов вполне достаточно

      Ответить

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Pin It on Pinterest

Share This