欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery二維碼生成插件qrcode

 更新時間：2017年01月07日 10:49:03   作者：好學(xué)的菜鳥  
這篇文章主要為大家詳細(xì)介紹了基于jquery二維碼生成插件qrcode的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文將介紹一款基于jquery的二維碼生成插件qrcode，在頁面中調(diào)用該插件就能生成對應(yīng)的二維碼。

 1、首先在頁面中加入jquery庫文件和qrcode插件。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

2、在頁面布局中添加一個div

<div class="modal-body" id="qrCode" style="left:40px">
 
 </div>

3、調(diào)用qrcode插件。

var str = "http://" + location.host + "/ActivityDetail.html?id=" + row.ActivityGuid + "&isMail=" + row.isMail + "";
$("#qrCode").empty();
 
$('#qrCode').qrcode(str);
 
//$('#qrCode').qrcode("http://www.dbjr.com.cn");//任意字符串

4、我們試驗的時候發(fā)現(xiàn)不能識別中文內(nèi)容的二維碼，通過查找多方資料了解到，jquery-qrcode是采用charCodeAt()方式進(jìn)行編碼轉(zhuǎn)換的。而這個方法默認(rèn)會獲取它的Unicode編碼，如果有中文內(nèi)容，在生成二維碼前就要把字符串轉(zhuǎn)換成UTF-8，然后再生成二維碼。您可以通過以下函數(shù)來轉(zhuǎn)換中文字符串：

function toUtf8(str) {  
  var out, i, len, c;  
  out = "";  
  len = str.length;  
  for(i = 0; i < len; i++) {  
    c = str.charCodeAt(i);  
    if ((c >= 0x0001) && (c <= 0x007F)) {  
      out += str.charAt(i);  
    } else if (c > 0x07FF) {  
      out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));  
      out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));  
      out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));  
    } else {  
      out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));  
      out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));  
    }  
  }  
  return out;  
}

可以把這個方法直接寫入到引用的插件里面，后面直接調(diào)用即可。如下：

var str = toUtf8("2017雞年大吉！");
$('#qrCode').qrcode(str);

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • Jquery下的26個實用小技巧(jQuery tips, tricks & solutions)

    Jquery下的26個實用小技巧(jQuery tips, tricks & solutions)

    前段時間發(fā)布了Jquery類庫1.4版本，使用者也越來越多，為了方便大家對Jquery的使用，下面列出了一些Jquery使用技巧。
    2010-03-03
  • jQuery中html()方法用法實例

    jQuery中html()方法用法實例

    這篇文章主要介紹了jQuery中html()方法用法,以實例形式分析了html()方法的功能、定義及使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
    2014-12-12
  • jquery mobile移動端幻燈片滑動切換效果

    jquery mobile移動端幻燈片滑動切換效果

    這篇文章主要為大家詳細(xì)介紹了jquery mobile移動端幻燈片滑動切換效果，實現(xiàn)滑動切換和點(diǎn)擊切換，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • Lazy Load 延遲加載圖片的jQuery插件中文使用文檔

    Lazy Load 延遲加載圖片的jQuery插件中文使用文檔

    Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預(yù)加載的處理方式正好是相反的
    2012-10-10
  • 原生Aajax 和jQuery Ajax 寫法個人總結(jié)

    原生Aajax 和jQuery Ajax 寫法個人總結(jié)

    AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。本文重點(diǎn)給大家介紹原生Aajax 和jQuery Ajax 個人總結(jié)，一起看看吧
    2017-03-03
  • jquery獲得下拉框值的代碼

    jquery獲得下拉框值的代碼

    jquery獲得下拉框值的代碼，使用jquery的朋友可以參考下。
    2011-08-08
  • jQuery實現(xiàn)的跨容器無縫拖動效果代碼

    jQuery實現(xiàn)的跨容器無縫拖動效果代碼

    這篇文章主要介紹了jQuery實現(xiàn)的跨容器無縫拖動效果代碼,可實現(xiàn)容器的任意添加與拖動功能,涉及jQuery UI插件的使用技巧,需要的朋友可以參考下
    2016-06-06
  • jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件包裝

    jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件包裝

    這篇文章主要介紹了jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件包裝的相關(guān)資料,需要的朋友可以參考下
    2015-11-11
  • jQuery實現(xiàn)的分頁插件完整示例

    jQuery實現(xiàn)的分頁插件完整示例

    這篇文章主要介紹了jQuery實現(xiàn)的分頁插件,結(jié)合完整實例形式分析了jQuery分頁插件的定義與使用相關(guān)操作技巧,需要的朋友可以參考下
    2020-05-05
  • 如何使用jquery實現(xiàn)文字上下滾動效果

    如何使用jquery實現(xiàn)文字上下滾動效果

    這篇文章主要介紹了jquery實現(xiàn)文字上下滾動效果。文字上下滾動循環(huán)顯示也是一種非常常見而且非常容易實現(xiàn)的文字特效。這是一種現(xiàn)在比較流行用的效果,用法很簡單。
    2016-10-10

最新評論