如何在JavaScript中实现摘要API_Javascript_Html

如何在JavaScript中实现摘要API

javascript html

如何在JavaScript中实现摘要API,javascript,html,Javascript,Html,我正在尝试创建一个Chrome扩展，它使用Aylian摘要器API来总结当前的网页。我使用当前选项卡的权限制作清单。我有一个popup.html，它是扩展图标和它创建的按钮的显示。然后我有一个popup.js，它包含所有的逻辑和对API的调用。我不知道如何使用我正在使用的API以及如何显示它返回的数据。我正在考虑创建一个表单，并用API返回的语句填充它这是我正在使用的API的文档： Popup.html <!doctype html> <html> <head

我正在尝试创建一个Chrome扩展，它使用Aylian摘要器API来总结当前的网页。我使用当前选项卡的权限制作清单。我有一个popup.html，它是扩展图标和它创建的按钮的显示。然后我有一个popup.js，它包含所有的逻辑和对API的调用。我不知道如何使用我正在使用的API以及如何显示它返回的数据。我正在考虑创建一个表单，并用API返回的语句填充它

这是我正在使用的API的文档：

Popup.html

<!doctype html>
<html>
  <head>
    <title>Aylien Summarizer</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>Aylien Summarizer</h1>
    <input type="button" onclick="summarizeNow()" value="Summarize now!"/>
  </body>
</html>

所以我想在上面的foreach循环中添加以下内容：

var f = document.createElement("form");
f.appendChild(s);

在HTML中有一个div：

<!doctype html>
<html>
  <head>
    <title>Aylien Summarizer</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>Aylien Summarizer</h1>
    <input type="button" onclick="summarizeNow()" value="Summarize now!"/>
    <div id="summary"></div>
  </body>
</html>

<!doctype html>
<html>
  <head>
    <title>Aylien Summarizer</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>Aylien Summarizer</h1>
    <input type="button" onclick="summarizeNow()" value="Summarize now!"/>
    <div id="summary"></div>
  </body>
</html>

function summarizeNow() {
    var AYLIENTextAPI = require('aylien_textapi');
    var textapi = new AYLIENTextAPI({
    application_id: "12049eaa",
    application_key: "0050eee15d54ac3dbd69d868fc1e8570"

    var current = window.location.href
    var sum = document.getElementById("summary"); 

    textapi.summarize({
      url: 'current',
      sentences_number: 5
    }, function(error, response) {
      if (error === null) {
        response.sentences.forEach(function(s) {
        sum.innerHTML = sum.innerHTML + s;
        });
      }
    });
    });
}