如何在 JavaScript 中实现摘要 API

How to implement a Summary API in JavaScript

本文关键字：API 实现 JavaScript      更新时间：2023-09-26

我正在尝试创建一个使用Aylien Summarizer API来汇总当前网页的Chrome扩展程序。我使用当前选项卡的权限制作了清单。我有一个弹出窗口.html，它是扩展图标及其创建的按钮的显示。然后我有一个弹出窗口.js其中包含所有逻辑和对 API 的调用。我不知道如何使用我正在使用的 API 以及如何显示它返回的数据。我正在考虑创建一个表单并使用 API 返回的句子填充它。

这是我正在使用的 API 的文档：http://docs.aylien.com/docs/summarize

弹出窗口.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>

弹出窗口.js

function summarizeNow() {
    var AYLIENTextAPI = require('aylien_textapi');
    var textapi = new AYLIENTextAPI({
    application_id: "12049eaa",
    application_key: "0050eee15d54ac3dbd69d868fc1e8570"
    var current = window.location.href 
    textapi.summarize({
      url: 'current',
      sentences_number: 5
    }, function(error, response) {
      if (error === null) {
        response.sentences.forEach(function(s) {
          console.log(s);
        });
      }
    });
    });
}

所以我正在考虑将其添加到上面的 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>

并附加到循环中：

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;
        });
      }
    });
    });
}
相关文章：