如何在网站中实现 Postman 任务答案

【问题标题】：How to implement Postman tasks in a website如何在网站中实现 Postman 任务
【发布时间】：2020-03-07 20:24:16
【问题描述】：

我使用 Azure 的认知服务创建了一个文本分析。我创建了一个逻辑应用程序，它与 Postman 一起工作得很好。现在我想将它部署在一个看起来像这样的网站上：我想在上面的文本区域中写任何东西。当我按下提交时，它应该将文本发送到我的逻辑应用程序。逻辑应用应将分析发送回下面的文本区域。我只是不知道如何用 JavaScript 做到这一点。逻辑应用有一个 http 触发器。在 Postman 中，我 POST 到触发 http 触发器的链接。头部是 KEY=Content-Type Value=application/json。在正文中，我发送了如下所示的原始 JSON： { “文本”：“你好，我很好！” } 这应该从上面的盒子里得到。然后不知何故，我想在下面的文本区域中得到结果。

我尝试了这个 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")

}

【问题讨论】：

你尝试过什么javascript来实现这一点？你能把它包括进来吗？

标签： javascript azure postman azure-logic-apps azure-cognitive-services

【解决方案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>

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

结果：

希望对您有所帮助。

【讨论】：