Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Yandex Translate API (https://javascript.ru/forum/misc/67191-yandex-translate-api.html)

Slandewi 02.02.2017 19:12

Yandex Translate API
 
Всем привет!
Никак не могу понять, как работать с Яндекс АПИ.
Мог бы кто нибудь написать скрипт, в котором будет строка и кнопка. В строку вводишь текст на англ, жмешь на кнопку и пояляется переведенный с помощью Яндекса текст на рус.
Документация к АПИ здесь: https://tech.yandex.com/translate/do...slate-docpage/

рони 02.02.2017 20:35

Slandewi,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
window.addEventListener("DOMContentLoaded", function() {
    var btn = document.querySelector("#btn"),
    txt = document.querySelector("#en"),
    ru = document.querySelector("#ru") ;
    btn.addEventListener("click", function() {
var request = new XMLHttpRequest();
var text = encodeURIComponent(txt.value);
var key = "получить ключ бесплатно https://tech.yandex.com/key/form.xml?service=trnsl";
var url = "https://translate.yandex.net/api/v1.5/tr.json/translate?key="+key+"&text="+text+"&lang=en-ru&format=plain&options=1"
request.open('GET', url, true);
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var data = JSON.parse(request.responseText);
    ru.value = data.text;
  }
};
request.send();
    });
});
  </script>

  </script>
</head>

<body>
<textarea id="en" name="">word</textarea>
<input id="btn" name="" type="button" value="translate">
<textarea id="ru" name=""></textarea>

</body>
</html>


Часовой пояс GMT +3, время: 16:06.