簡體   English   中英

Instascan,如何使用 javascript 在另一個頁面中打開輸入內容

[英]Instascan, How to open input content in another page using javascript

我是新手,但我正在學習如何使用 Javascript/PHP。 我正在嘗試掃描二維碼並將內容傳遞到另一個 PHP 頁面。 我正在使用帶有按鈕提交的表單/輸入字段,使用 PHP 'GET' 來獲取數據內容,它可以工作,但不是我想要做的,因為我需要避免'按鈕提交',我'我在掃描二維碼時嘗試使用 jQuery 提交表單,但它不起作用,這是我的代碼:

    <section class="scans">
      <h2>Scans</h2>
      <ul v-if="scans.length === 0">
        <li class="empty">Ningun escaneo todavia</li>
      </ul>                

      <transition-group name="scans" tag="ul">
        <li v-for="scan in scans" :key="scan.date" :title="scan.content">{{ scan.content }}
           <form id="myform" action="empleados.php" method="get">
            <input type="hidden" name="qr" :key="scan.date" :value="scan.content" />
             <input class="btn btn-primary" type="submit" value="Registrar Acceso/Salida"/>
$(function() { $("#myform").submit(); });
          </form>
        </li>
      </transition-group>
    </section>
  </div>
  <div class="preview-container">
    <video id="preview"></video>
  </div>

這是 PHP 頁面empleados.php和獲取掃描內容的代碼:

 <?php  
    $info_qr=$_GET['qr'];

您需要將您的操作附加到文本輸入的onChange事件

<script>
$('input[name$="qr_code"]').on('change', submitForm)

function submitForm() {
    // your ajax request
}
</script>

如果onChange事件不能滿足您的需求,請嘗試使用事件 'keyup' 或以下事件之一: https://developer.mozilla.org/en-US/docs/Web/Events

我建議您將 js 代碼移動到<script>標記中

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM