В этой статье я хотел бы дать обзор api, которые предоставляет google. Я не буду рассматривать все api и давать детальную инструкцию по их использованию, а расскажу только про те, которые считаю наиболее полезными, и дам примеры кодов с комментариями (примеры взяты из документации к api).
Расскажу про:
С помощью этого api мы можем подключать к своим web-приложениям популярные на данный момент JavaScript библиотеки (jQuery, Prototype, MooTools, Dojo, Ext Core и другие). Так же AJAX Libraries API будeт загружать библиотеки, необходимые для api, которые будут представлены ниже.
Пример использования AJAX Libraries API:
Расскажу про:
AJAX Libraries API
С помощью этого api мы можем подключать к своим web-приложениям популярные на данный момент JavaScript библиотеки (jQuery, Prototype, MooTools, Dojo, Ext Core и другие). Так же AJAX Libraries API будeт загружать библиотеки, необходимые для api, которые будут представлены ниже.
Пример использования AJAX Libraries API:
// Скрипт самого api
<script src="http://www.google.com/jsapi"></script>
<script>
// Загрузка библиотеки. В данном случае jquery версии 1.3.2
google.load("jquery", "1.3.2");
// Указываем Callback-функцию которая вызывается после загрузки библиотеки
google.setOnLoadCallback(function() {
alert($.browser.version);
});
</script>
* This source code was highlighted with Source Code Highlighter.
Документация к api здесь
AJAX API языков
AJAX API языков дает нам возможность перевести текст, а так же определить язык, на котором написан текст, используя при этом только javaScript.
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi">
</script>
<script type="text/javascript">
// Подключаем библеотеку language
google.load("language", "1");
google.setOnLoadCallback(function() {
var text = document.getElementById("text").innerHTML;
//Определяем язык и вызываем колбек функцию
google.language.detect(text, function(result) {
if (!result.error && result.language) {
// Если нет ошибок и язык определен, переводим текст на русский
google.language.translate(text, result.language, "ru",
function(result) {
var translated = document.getElementById("translation");
if (result.translation) {
translated.innerHTML = result.translation;
}
});
}
});
});
</script>
</head>
<body>
<div id="text">Hello world</div>
<div id="translation"></div>
</body>
</html>
* This source code was highlighted with Source Code Highlighter.
Документация к api здесь
Code Playground
Приложение, с помощью которого мы можем выполнять наш JavaScript. Но прелесть Code Playground не в этом (лично для меня). Здесь представлено много полезных примеров. Например, именно отсюда я узнал, как использовать YouTube API (и ответил на вопрос, как сделать собственную шкуру для плеера с YouTube).
Про все остальные библиотеки google можно почитать здесь