<%@ 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. 使用css3属性，大部分浏览器要识别前缀

    例如以下代码的解析 -ms-transform:rotate(7deg); -moz-transform:rotate(7deg); -webkit-transform:rotate(7deg); - ...

  2. 点击<a>标签，禁止页面自动跳到顶部的解决办法

       最近在开发一个小web的时候想给一个按钮增加一个弹出dialog功能,但是发现点击按钮后页面总是自动滚动至顶部,这点从用户体验上来讲是极其不爽的,于是开始跳进google大池寻求解决办法.网上的 ...

  3. arc engine - IName

    IName对象是一个代表性对象.通过使用IName对象,可以访问它所代表的对象的一些基本属性,而不用将整个对象调入内存.我们用IWorkspace 获得一个Workspace,那可是会调入内存的,而I ...

  4. HTML与JS

    网页显示过程中的处理流程: 分析HTML 构造DOM树 载入外部JS文件及CSS文件 载入图像文件等外部资源 JS在分析后开始运行 全部完成 JS的表述方式及其执行流程: <script> ...

  5. myeclipse10 如何把代码预览的窗口去掉

    1,选择菜单: windows -> preferences2,在弹出窗口中选择General-> Editors -> FileAssociations3,在上方框内选择*.jsp ...

  6. 移动WEB开发常用技巧

    Meta设置 <!-- 设备宽度.禁止缩放 --> <meta name="viewport" content="width=device-width, ...

  7. requestAnimationFrame动画方法

    一.动画方式 在HTML5/CSS3时代,实现动画的方式有许多种: 你可以用css3的animation和@keyframes: 可以用css3的transition: 还可以用原始的setTimeo ...

  8. Android广播机制（转）

    1.Android广播机制概述 Android广播分为两个方面:广播发送者和广播接收者,通常情况下,BroadcastReceiver指的就是广播接收者(广播接收器).广播作为Android组件间的通 ...

  9. CActiveForm提示中文化

    一般情况下,yii框架的CActiveForm组建的提示是英文的,把它改成中文提示 首先在main.php配置文件中,设置 'language'=>'zh_cn'; 这样将会使得cannot b ...

  10. 使用PULL方式解析XML资源文件下面的xml文件

    public class MainActivity extends Activity { private Button btn = null; private List<Map<Strin ...