Поставил перед собой цель создать простое расширение для Chrome! Алгоритм работы такой: берем текущую ссылку при помощи window.location.href, отправляем ее на сервер goo.gl в формате json, и получаем укороченную ссылку в формате json.
HTML:
<!DOCTYPE HTML>
<html>
<head>
<script src = "popup.js"></script>
</head>
<body>
<form>
<input id="text" type="text" size="14" value="">
</form>
</body>
</html>
javascript
:
var xhr = new XMLHttpRequest();
var url = {"longUrl": window.location.href};
xhr.open("POST", "https://www.googleapis.com/urlshortener/v1/url", true);
xhr.setRequestHeader("Content-type","application/json");
xhr.send(JSON.stringify(url));
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
var parserJson = JSON.parse(xhr.responseText);
document.getElementById("text").value = parserJson.id;
}
};
Все работает когда тестирую, но когда упаковываю все это в расширение для Chrome, код выдает "undefined"!
Что не так, и в чем проблема?