Javascript HTTP 函數 (Javascript HTTP Function)

問題描述

Javascript HTTP 函數 (Javascript HTTP Function)

我有一個連接到 wifi 網絡並通過瀏覽器地址欄上的調用打開一些繼電器的設備。例如，此鏈接用於激活繼電器 2：

192.168.71.1/io.cgi?DOA2

我需要將此調用與 javascript 的按鈕 onpress 事件相關聯。

有沒有辦法在不打開新標籤的情況下模擬對該地址的調用？該功能必須對用戶不可見。

謝謝

參考解法

方法 1:

Maybe something like this could help to get you started? Note requires a modern browser.

JS

  const buttons = document.querySelectorAll('.commandButton');
  Array.from(buttons).forEach(button => {
    button.addEventListener('click', () => {
      window.fetch('http://192.168.71.1/io.cgi?' + button.id);
    });
  });

HTML

<button type="button" class="commandButton" id="DOA1">DOA1</button>
<button type="button" class="commandButton" id="DOA2">DOA2</button>

https://jsfiddle.net/btfgLz2k/

(by Ale、nekman)

參考文件

1. Javascript HTTP Function (CC BY‑SA 2.5/3.0/4.0)