Question

我尝试生成Qr代码生成器。我有输入文件用户输入网站的URL，这个URL通过Ajax和php文件检查验证并返回URL链接。这个结果传递到{{1}并且结果显示在div.Problem中，当下一次在div中设置Qr代码时，如果用户更新url而不是再次生成新的Qr代码并且结果是两个不同的Qr cod。我可以在用户更新链接时将Handel这个比上一个Qr代码图像删除和更新的Qr代码图像显示。

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

的JavaScript

jQuery('#output').qrcode(url);

HTML

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();        

          }

Answer 1

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

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

到此：

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

在再次进入div之前清除div

使用JavaScript更新div内容

1 个答案: