<%@ 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. 支持多QQ登录的软件

    支持多QQ登录,批量加好友,批量回复QQ消息,当然也能接收 下载链接:多QQ登录软件

  2. python进阶之路之文件处理

    Python之文件处理 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !imp ...

  3. 关于sql2005 与 myeclipse进行连接出现的小问题

    C盘目录下没有jdbc这个文件夹,所以从网上下一个 这个是2008连接jdbc用的 正常解压第一个到相应的目录 主要是注意一个叫tcp/ip的协议,米有找到64位的 点击这里的tcp ip就哦了但是他 ...

  4. OpenGL ES 2.0 卷绕和背面剪裁

    基本知识 背面剪裁是指渲染管线在对构成立体物体的三角形图元进行绘制时,仅当摄像机观察点位于三角形正面的情况下才绘制三角形. OpenGL ES中规定若三角形中的3个顶点的卷绕顺序是逆时针则摄像机观察其 ...

  5. NYOJ 110 剑客决斗

    110剑客决斗 在路易十三和红衣主教黎塞留当权的时代,发生了一场决斗.n个人站成一个圈,依次抽签.抽中的人和他右边的人决斗,负者出圈.这场决斗的最终结果关键取决于决斗的顺序.现书籍任意两决斗中谁能胜出 ...

  6. paip.输入法编程----一级汉字1000个

    paip.输入法编程----一级汉字1000个.txt 作者Attilax ,  EMAIL:1466519819@qq.com  来源:attilax的专栏 地址:http://blog.csdn. ...

  7. 解决django关于图片无法显示的问题

    http://python.usyiyi.cn/django/index.html http://m.blog.csdn.net/blog/qingyuanluofeng/44877399 http: ...

  8. python计算机视觉1：基本操作与直方图

    本文主要内容来源于书籍<python计算机视觉编程> 我是一名初学者,如果你发现文中有错误,请留言告诉我,谢谢 PIL模块 PIL模块全程为Python Imaging Library,是 ...

  9. CC2530定时器3的输入捕获中断

    CC2530定时器3的输入捕获中断 使用的是tim3的通道1的输入捕获P1_7口.//GPIO配置成复用功能,同时设置P1_7为输入.void irCaptureGpioInit(void){ P1S ...

  10. NET站点Web部署

    NET站点Web部署(一键发布的实现) 在开发过程中经常需要发布到开发环境.测试环境或者预发布环境上给其他同事进行测试验证效果等等,每次发布都要备份,拷贝,修改配置文件等等重复操作非常的麻烦,效率大打 ...