<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport"

    content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

<c:set var="ctx" value="${pageContext.request.contextPath }" />

<link rel="stylesheet" href="${ctx }/jsp/xte/level/static/css/load.css" />

<title>TITLE</title>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script src="${ctx }/js/hideOptionMenu.js"></script>

</head>

<body>

    <input type="hidden" name="userId" id="userId" value="${userId }">

    <input type="hidden" id="redirect_uri" name="redirect_uri"

        value="${redirect_uri}" />

    <input type="hidden" id="componentAppId" name="componentAppId"

        value="${componentAppId }">

    <input type="hidden" id="appId" name="appId" value="${appId }" />

    <input type="hidden" id="code" name="code" value="${code }" />

    <input type="hidden" id="openid" name="openid" value="${openid }" />

    <c:forEach var="cardlog" items="${ wxCardPackageCodes}">

        <input type="hidden" class="cardId" name="c"

            value="${cardlog.card_id }" />

        </br>

        <input type="hidden" class="code" name="" value="${cardlog.code }">

    </c:forEach>

    <div id="front" style="display: block; opacity: 1">

        <div class="tips">

            <div class="icon loading"></div>

            <p>加载中...</p>

        </div>

    </div>

</body>

<script type="text/javascript"

    src="${ctx }/js/jquery1.6/jquery-1.6.1.js"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script type="text/javascript">

    $(function() {

        var cardId = $(".cardId");

        var code = $(".code");

        var l = {};

        var a = [];

        var b;

        for ( var i in code) {

            if (code[i].value !== undefined) {

                b = new Object();

                b = {

                    cardId : "" + cardId[i].value + "",

                    code : "" + code[i].value + ""

                };

                a.push(b)

            }

        }

        var url = location.href.split('#')[0];

        var userId = $("#userId").val();

        $.post("http://www.quanqiuyouhui.com/kabao-api/getShareData.do", {

            'url' : url,

            'userId' : userId

        }, function(data) {

            data = eval("(" + data + ")");

            wx.config({

                debug : false,

                appId : data.map.appId,

                timestamp : data.map.timestamp,

                nonceStr : data.map.nonceStr,

                signature : data.map.signature,

                jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',

                        'onMenuShareAppMessage', 'openCard' ]

            });

            wx.ready(function() {

                wx.openCard({

                    cardList : a

                });

            });

            wx.hideMenuItems({

                menuList : [ 'menuItem:share:qq', 'menuItem:share:weiboApp',

                        'menuItem:share:email', 'menuItem:share:facebook',

                        'menuItem:share:QZone' ]

            // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3

            });

        })

    });

</script>

</html>

注：代码中标黄的部分

cardId[i].value

应该使用value，如果使用val()不成功

微信jssdk批量展示卡包中的卡券的更多相关文章

  1. 微信JS-SDK分享接口示例中jsapi_ticket.php和access_token.php说明

    关于如何使用微信JS-SDK,可以查看官方介绍说明:查看链接 在使用分享接口的过程中,查看了示例代码,其中包含两个文件jsapi_ticket.php和access_token.php,记录一下这两个 ...

  2. 微信 jssdk 逻辑在 vue 中的运用

    微信 jssdk 在 vue 中的简单使用 import wx from 'weixin-js-sdk'; wx.config({ debug: true, appId: '', timestamp: ...

  3. 微信jssdk批量添加卡券接口

    1)首先是官方接口文档: 1.批量添加卡券接口:https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.0861973 ...

  4. 微信jssdk批量添加卡券接口（踩坑经验）

    1)首先是官方接口文档: 1.批量添加卡券接口:https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.0861973 ...

  5. 微信公众平台开发 微信JSSDK开发

    根据微信开发文档步骤如下: 1.先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”. JS接口安全域名设置 mi.com(前面不用带www/http,域名必须备案过) 2.引 ...

  6. 微信JS-SDK

    <div class="lbox_close wxapi_form"> <h3 id="menu-basic">基础接口</h3& ...

  7. 微信JS-SDK说明文档及常见问题处理

    概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微 ...

  8. 微信jssdk分享功能开发

    先理解下分享: 在app端 ,经常能看见 分享按钮的功能,(分享给朋友,分享到朋友圈,分享到QQ空间等等): https://open.weixin.qq.com/(微信开发平台),这需要到开放平台注 ...

  9. 微信JS-SDK文档

    微信JS SDK 调用详解   微信JS SDK 调用详解... 1 概述... 2 使用说明... 2 接口调用说明... 4 基础接口... 4 判断当前客户端版本是否支持指定JS接口... 5 ...

随机推荐

  1. 快速构建AdapterView的Adapter--ingeniousadapter

    项目地址:ingeniousadapter 前面的话:本项目的原型是QuickAdapter,它们的思路基本一致,但本项目的优势在于: 支持AdapterView存在多个layout类型 可配置图片加 ...

  2. 22个CSS黑魔法

    原链接:http://www.ido321.com/1665.html Hey there! Today we are going to talk about some useful tricks i ...

  3. 使用date转换UNIX时间戳

    1.将time string转换成时间戳 date -d "2010-10-12 12:25:00" +%s 2.将时间戳转换成time string date -d " ...

  4. C# 获取远程xml文件

    /// <summary> /// 加载远程XML文档 /// </summary> /// <param name="URL"></pa ...

  5. sql 创建临时表

    declare @channelid varchar(100) set @channelid='''WH00026'',''WH00083''' declare @sql varchar(1000) ...

  6. Jquery对选取到的元素显示指定的长度，对于的字符串用“...”显示

    $(function() { $(".video_name").each(function() { var s = $(this).text(); $()); }); }); fu ...

  7. c#按键Up和Down对Textbox的内容加1减1

    private void textBox_proc1value_KeyDown(object sender, KeyEventArgs e) { Keys key = e.KeyCode; if (e ...

  8. SMBUS（IIC）总线

    1.SPI和IIC一般都作为板上通信,UART.SMBUS和USB一般都作为板间通信. 其中SMBUS是参考IIC制定出来的眼生病,两者很像. 2.SMBUS的I/O接口是由两条线组成的双向串行总线. ...

  9. sublime快捷键保存

    快捷键 功能 ctrl+shift+n 打开新Sublime ctrl+shift+w 关闭Sublime,关闭所有打开文件 ctrl+shift+t 重新打开最近关闭文件 ctrl+n 新建文件 c ...

  10. 设置ubuntu Android sdk环境变量

    cd /etc/ sudo gedit profile 在后面把tools和platform-tools的路径追加进去即可 PATH=$PATH:/home/android_sdk/tools 然后再 ...