文章/答案/技术大牛

发布

社区首页 >问答首页 >从HTML捕获文本并将其发送到包含watson API的.js

问从HTML捕获文本并将其发送到包含watson API的.js
EN

Stack Overflow用户

提问于 2018-03-21 22:05:51

回答 1查看 349关注 0票数 0

我正在尝试使用IBM watson。但由于我是一个超文本标记语言和JavaScript的新手，所以我面临着一些问题……这个想法是将一个文本交给watson。沃森的反应很好。但不幸的是，我不知道如何将文本从HTML文件发送到watson以处理文本。我已经尝试了几种方法，但到目前为止都不起作用。火狐中的开发人员工具告诉我submitData没有定义。其中我尝试使用"document.getElementById("myText").value;“来捕获数据。我现在很迷茫，找不到答案。

我将非常感谢任何形式的帮助！

干杯，丹尼尔

var submitData = function() {
  var ToneAnalyzerV3 = require('watson-developer-cloud/tone-analyzer/v3');
  var toneAnalyzer = new ToneAnalyzerV3({
    username: 'XXXXXXXXX',
    password: 'XXXXXXXXX',
    version: '2016-05-19',
    url: 'https://gateway.watsonplatform.net/tone-analyzer/api/'
  });
  toneAnalyzer.tone({
      tone_input: 'You say hello and I say goodbye', //new
      content_type: 'text/plain'
    },
    function(err, tone) {
      if (err) {
        console.log(err);
      } else {
        console.log(JSON.stringify(tone, null, 2));
      }
    }
  );
}

<div class="container">
  <div class="form-group">
    <label for="myText">Sumbit your examplar response:</label>
    <textarea class="form-control" rows="5" id="myText"></textarea>
    <button type="button" class="btn btn-primary" onclick="submitData()">Submit</button>
  </div>
</div>
<!-- /.container -->

watson

javascript

html

回答 1

Stack Overflow用户

发布于 2018-03-21 22:16:01

这里有几点需要注意：

看起来您正试图在浏览器中使用require，为此您应该使用类似于Browserify的内容。

您还可以考虑将require语句移到函数的作用域之外，这样就不会在函数每次运行时都重新导入依赖项。

您可以使用document.getElementById('myText').value捕获您的输入

此外，最好将脚本标记放在文档的head元素中或body元素的末尾。

示例

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <div class="container">

    <div class="form-group">
      <label for="myText">Sumbit your examplar response:</label>
      <textarea class="form-control" rows="5" id="myText"></textarea>
      <button type="button" class="btn btn-primary" onclick="submitData()">Submit</button>

    </div>

  </div>
  <!-- /.container -->
  <script type="text/javascript">
    var ToneAnalyzerV3 = require('watson-developer-cloud/tone-analyzer/v3');

    var submitData = function () {

      var toneAnalyzer = new ToneAnalyzerV3({
        username: 'XXXXXXXXX',
        password: 'XXXXXXXXX',
        version: '2016-05-19',
        url: 'https://gateway.watsonplatform.net/tone-analyzer/api/'
      });

      toneAnalyzer.tone({
        tone_input: document.getElementById('myText').value,  //new
        content_type: 'text/plain'
      },
        function (err, tone) {
          if (err) {
            console.log(err);
          } else {
            console.log(JSON.stringify(tone, null, 2));
          }
        }
      );
    };  
  </script>
</body>

</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49408525

复制

相似问题

问从HTML捕获文本并将其发送到包含watson API的.js
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从HTML捕获文本并将其发送到包含watson API的.jsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从HTML捕获文本并将其发送到包含watson API的.js
EN