1

我正在尝试制作 Qr 代码生成器。我已在此处输入用户输入站点的 URL，此 URL 通过 Ajax 进入 php 文件，并通过 php 文件检查验证并返回 URL 链接。此结果传递到 div.Problem 中的jQuery('#output').qrcode(url);结果显示是下次在 div 中设置二维码时，如果用户更新 url 而不是再次生成新的二维码，结果是两个不同的二维码。当用户更新链接而不是最后一个二维码图像删除和更新的二维码图像显示时，我该如何处理这个。

我正在展示我所做的检查我的 JavaScript 和 HTML 代码。

JavaScript

function grcodeg() {

      $(document).ajaxStart(function() {
        $("#qr-preview").html('<img src="editor/loader.gif"/>').show();
           $("#output").css("display","none").hide();})
        .ajaxStop(function() {
                $("#qr-preview").html('<img src="editor/loader.gif" />').hide();
                $("#output").css("display","block").show();
          });

        $("#qr-form").ajaxForm(function(url){        
               jQuery('#output').qrcode(url);
    }).submit();        

          }

HTML

<form action="editor/arcode_g.php" method="post" id="qr-form">
  <label for="url-qr">Link to a Website</label>
   <br>
     <input type="url" name="url-qr">
   <br>
      <label for="label-qr">Add QR Label</label>
         Describe what your QR code will do.
    <br>
         <input  type="text" name="label-qr">
     <br>
          <a onclick="grcodeg();">Ok</a>
      </form>

   <!----Qr Code Result------------->

    <div id="qr-preview"></div>
    <div id="output"></div>
4

1 回答 1

1

如果我理解这个问题，那么你需要改变这个：

 $("#qr-form").ajaxForm(function(url){        
           jQuery('#output').qrcode(url);
}).submit();

对此：

 $("#qr-form").ajaxForm(function(url){        
          $("#output").html("");
           jQuery('#output').qrcode(url);
}).submit();

在再次绘制之前清除 div

于 2013-11-07T15:20:21.517 回答