如何在网站中实现 Postman 任务

Question

我使用 Azure 的认知服务创建了一个文本分析。我创建了一个逻辑应用程序，它可以与 Postman 一起正常工作。现在我想将它部署在一个看起来像这样的网站上：我想在上面的文本区域中写任何东西。当我按下提交时，它应该将文本发送到我的逻辑应用程序。逻辑应用应将分析发送回下面的文本区域。我只是不知道如何用 JavaScript 做到这一点。逻辑应用有一个 http 触发器。在 Postman 中，我 POST 到触发 http 触发器的 link。头部是 KEY=Content-Type Value=application/json。在正文中，我发送原始 JSON 看起来像： { "text": "Hello, I'm fine!" } 这应该是从上面的盒子里得到的。然后我想以某种方式在下面的文本区域中获得结果。

我试过这个 JavaScript 但我有任何经验，所以它甚至没有发送到我的逻辑应用程序：

var ServerURL = "https://prod-115.westeurope.logic.azure.com:443/workflows/0a862**************ced194a/triggers/manual/paths/invoke?api-version=2016-10-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=R0_-cVHZRQNw**********0m-xl3e9YA";

async function myFunction()
{
    var data = '{"text": "'+document.getElementById("myTextarea").value +'"}';

    console.log(data)

    var jsonText = JSON.parse(data);

    console.log(jsonText);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", ServerURL, true);

xhr.setRequestHeader("Content-Type", "application/json");

xhr.send(jsonText);  // fail is here so far
xhr.onreadystatechange = function() { // Call a function when the state changes.
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {

        var json = JSON.parse(xhr.responseText);
        CreateTable(json);
    }
}

}
function CreateText(jsonData)
{
var textField = json;
textField = document.getElementById("textareabelow")

}

Answer 1

试试这个：

    <html>
    <script>
    async function submit() {
     
     var ServerURL = "<your logic app url>";
     var data = '{"text" : "'+ document.getElementById("myTextarea").value +'"}';
    
     var xhr = new XMLHttpRequest();
     xhr.open("POST", ServerURL, true);
    
     xhr.setRequestHeader("Content-Type", "application/json");
    
     xhr.onreadystatechange = function() { 
      if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
       
              var textField = document.getElementById("test");
              textField.innerHTML = xhr.response
      }
     }
    xhr.send(data);
    }
    
    
    
    </script>
    <body>
    <input id="myTextarea" type="textarea"  />
    <input id="contact-submit" type="button"value="Submit" onclick="submit()" />
    
    <div id="test">
    
    </body>
    </html>

这是我的逻辑应用程序将回复的内容：

结果：

希望对您有所帮助。

如何在网站中实现 Postman 任务

How to implement Postman tasks in a website

javascript

azure

postman

azure-logic-apps

azure-cognitive-services