<%@ 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. JavaScript 之 call apply bind

    关键字 this 绑定的方法 this的动态切换,固然为JavaScript创造了巨大的灵活性,但也使得编程变得困难和模糊.有时,需要把this固定下来,避免出现意想不到的情况.JavaScript提 ...

  2. JS高级程序设计学习笔记之数组

    数组创建的方式 var str = new Array();放入数字即为设置数组长度 var str = []; 数组的length可读可写 监测数组 Array.isArray()方法确定某个值是不 ...

  3. (转) .NET实现Repeater控件+AspNetPager控件分页

    SqlConnection (.NET C#) 连接及分页 .net的访问数据机制决定了访问大量数据时会致使客户端机器消耗大量资源,因此有必要对数据进行分页显示,开发工具vs.net+sqlserve ...

  4. sealed 修饰符

    当对一个类应用 sealed 修饰符时,此修饰符会阻止其他类从该类继承. 在下面的示例中,类 B 从类 A 继承,但是任何类都不能从类 B 继承. class A {} sealed class B ...

  5. java Math.random()随机数的产生

    Math.random()是java内置产生随机数的函数,Math.random()能够产生[0,1)的浮点数,当我们要产生特定范围的数时,可以采用如下办法: 1.Math.random()*(最大数 ...

  6. OpenCV——级联分类器（CascadeClassifier）

    级联分类器的计算特征值的基础类FeatureEvaluator 功能:读操作read.复制clone.获得特征类型getFeatureType,分配图片分配窗口的操作setImage.setWindo ...

  7. C++类中的静态成员变量与静态成员函数

    最近一直看c++相关的项目,但总是会被c++类中的静态成员变量与静态成员函数的理解感觉很是模糊,不明白为什么类中要是用静态成员变量.于是在网上搜集了一些资料,自己再稍微总结下. 静态成员的概念: 静态 ...

  8. 多线程中遇到ASSERT(pMap->LookupPermanent(hWndOrig) == NULL);怎么解决

    XP下用VC开发的程序,在一个主线程调用3   个线程,线程之间要共享数据,结果总出现wincore.cpp   line   980   ASSERT(pMap-> LookupPermane ...

  9. Failed to collect certificates from /data/app/vmdl201020547.tmp/base.apk: META-INF/CERT.SF indicates /data/app/vmdl201020547.tmp/base.apk is signed using APK Signature Scheme v2, but no such signature

    错误信息: 12-26 11:08:44.809 1501-1535/system_process E/PackageInstaller: Commit of session 201020547 fa ...

  10. otf VS ttf images