JavaScript：如何在鍵綁定上發送HTTP發布請求

Question

我是HML和JavaScript的新手，想知道如何在按下鍵（例如“ w”）時發送HTTP發布請求，以便控制基於python的機器人。

我看過Google並研究了問題的各個組成部分，但甚至沒有使鍵綁定甚至更改頁面的屬性，包括背景。

我的代碼是當前

<!DOCTYPE html>

<html>
 <head>
  <title>Rover</title>
 </head>
 <body>
  <script>
    $(document).keypress(function(e){
      if(e.shiftKey && e.keyCode === 87){
        alert('UP');
      }
    });
  </script>
  <img src = /stream.mjpg>
 </body>
</html>

其中stream.jpg是來自攝像機的實時供稿。

該代碼應向服務器發送一個HTTP帖子，python將在其中檢測到（服務器使用http.server ），它將控制電動機。

Answer 1

看到您正在使用JQuery，您可以通過keypress()處理程序中的$.post()方法發出POST請求，如下所示：

 <!-- Include JQuery library before script block --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <!-- To host file locally, download the js file above (at cloudflare URL) to the same directory that your HTML is hosted from on your PI, and then use this script block instead (and remove the cloudflare one above) <script src="/jquery.min.js"></script> --> <body> <script> /* Replace server url with actual hostname/ip and port of your python server */ var SERVER_URL = "http://localhost:8080/"; $(document).keypress(function(e) { if (e.shiftKey && e.keyCode === 87) { /* If shift + w key combination, issue POST request to server running at address */ $.post(SERVER_URL); console.log("Shift + w detected"); } }); </script> <img src="/stream.jpg"> </body>

JavaScript：如何在鍵綁定上發送HTTP發布請求

問題描述

1 個解決方案

解決方案1
2 已采納 2019-08-26 10:10:21

JavaScript：如何在鍵綁定上發送HTTP發布請求

問題描述

1 個解決方案

解決方案1 2 已采納 2019-08-26 10:10:21

解決方案1
2 已采納 2019-08-26 10:10:21