如何獲取 PHP 中的 div，該 div 在 javascript function 內的循環中

Question

下面是代碼。

在 function 下有一個resultContainer.innerHTML填充掃描的二維碼列表。 如何 $_POST PHP 中的值，以便我可以以 email 格式發送它？ 我嘗試在 div 中添加一個名稱（ <div **name="qrOutput"**>[${countResults}] - ${qrCodeMessage}</div> ），但 PHP 沒有選擇它。 只返回一個空字符串。

我還嘗試為<div id="qr-reader-results"></div>元素命名，但因為 output 在此 div 內的另一個 div 內，所以我也得到了一個空結果。

非常感謝您的幫助。

<!-- start -->
<div id="qr-reader" style="width:500px"></div>
<div id="qr-reader-results"></div>


<div id="root"></div>
<script>
  function docReady(fn) {
    // see if DOM is already available
    if (document.readyState === "complete" ||
      document.readyState === "interactive") {
      // call on next available tick
      setTimeout(fn, 1);
    } else {
      document.addEventListener("DOMContentLoaded", fn);
    }
  }

  docReady(function() {
    var resultContainer = document.getElementById('qr-reader-results');
    var lastResult, countResults = 0;

    function onScanSuccess(qrCodeMessage) {
      if (qrCodeMessage !== lastResult) {
        ++countResults;
        lastResult = qrCodeMessage;
        resultContainer.innerHTML += ***`<div">[${countResults}] - ${qrCodeMessage}</div>`;***
      }
    }

    var html5QrcodeScanner = new Html5QrcodeScanner(
      "qr-reader", {
        fps: 10,
        qrbox: 250
      });
    html5QrcodeScanner.render(onScanSuccess);
  });
</script>
<p id="QRout"></p>

Answer 1

當您將結果添加到 DOM 時，您可以將結果存儲在其他變量中。

1. 聲明一個變量來存儲你的結果

var myResults = [];

2. 當您將結果添加到 DOM 時，還將結果添加到數組變量中

// ...
resultContainer.innerHTML += `<div>[${countResults}] - ${qrCodeMessage}</div>`;
myResults.push({count: countResults, message: qrCodeMessage})

3. 然后您可以在 POST 請求中使用myResult var

myCustomPostFunction('/yourUrl/', myResult);

“myCustomPostFunction”將取決於您要發送數據的方式

檢查此代碼筆： https://codepen.io/zecka/pen/VwKNpze

像表單提交一樣發布請求

如果您想將數據發送到當前頁面，如表單發布，您可以在此處找到示例： https://stackoverflow.com/a/133997/2838586

將請求發布到 rest api

獲取：發布 json 數據