发送简单的HTTP请求与HTML提交按钮

我添加了一个提交按钮，0页驻留在我的服务器端发送简单的HTTP请求与HTML提交按钮

<form method="get" action="/start"> 
    <h5>Start Ad-Placer!</h5> 
    <input type="submit" value="Start"> 
</form>

我需要的按钮，只需发送一个http请求http://127.0.0.1:8484/get/start启动一些程序。然后，一旦过程完成几秒钟后，我需要简单地显示一条警告消息和响应消息，并确认它已完成。我怎样才能以最小的努力（不使用JQuery或其他库）来做到这一点？

来源

2017-08-15 Ariana

你不是已经在做了吗？现在只需在'start'页面上放置alert（“something”）来提醒用户 – adeneo

当你提交这个表单时，它向这个URL发送一个GET请求。该网址应返回包含显示您想要的提醒的Javascript的HTML页面。 – Barmar

你问在没有重新加载页面的情况下如何做到这一点？那么你需要使用AJAX。网上有很多教程。 – Barmar

如果你尝试这样的事情，你可以发送一个HTTP请求，然后提醒一个响应。只需将https://google.com更改为您的网址即可。

<h5>Start Ad-Placer!</h5> 
<input type="submit" value="Start" onclick="submit()"> 

<script type="text/javascript"> 
    function submit() { 
     var xhr = new XMLHttpRequest(); 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState === 4) { 
       alert(xhr.response); 
      } 
     } 
     xhr.open('get', 'https://google.com', true); 
     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 
     xhr.send(); 
    } 

</script>

来源

2017-08-15 16:57:16 thepi

'xhr.response'应该是'xhr.responseText'？ – Barmar

现在它发送请求，但没有显示响应。警报是空的。 – Ariana

我的回应是关于操作系统的一段文字：操作系统：Linux 4.10.0-28-generic amd64 处理器（核心）：4' – Ariana

发送简单的HTTP请求与HTML提交按钮

回答

相关问题