Instascan, 如何使用javascript打开另一个页面的输入内容?

问题描述 投票:0回答:1

我是新手,但我正在学习如何使用JavascriptPHP。我想扫描一个二维码,然后把内容传到另一个PHP页面。我使用forminput字段和一个按钮提交,使用PHP的'GET'来获得数据内容,它的工作,但不是我想做的,因为我需要避免'按钮提交',我试图使用jQuery来提交表单,当QR被扫描,但它不工作,这是我的代码。

    <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 以及GET扫描内容的代码。

 <?php  
    $info_qr=$_GET['qr'];
javascript php jquery instascan
1个回答
0
投票

你需要将你的动作附加到 onChange 文本输入的事件

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

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

如果 onChange 事件不能满足你的需求,请尝试使用'keyup'事件或这些事件之一。https:/developer.mozilla.orgen-USdocsWebEvents。

而且我建议你把你的js代码移到一个叫 <script> 标签

© www.soinside.com 2019 - 2024. All rights reserved.