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

Posted 2023-01-19

我是新手，但我正在学习如何使用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'];

答案

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

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

function submitForm() 
    // your ajax request

</script>

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

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