<%@ 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. SQL cmd 实用工具学习 -1

    启动 sqlcmd 实用工具并连接到 SQL Server 的默认实例 在"开始"菜单上,单击"运行". 在"打开"框中,键入 cmd,然后 ...

  2. Java数据输入

    以下是数据输入实例: //以下是数据输入实例 import java.util.Scanner;//导入java.util.Scanner,Scanner首字母大写 public class Test ...

  3. excel 下载

    public string CreateExcel(string SelectedBizType, string strReportDate, DropDownList ddlYQ, DropDown ...

  4. NPOI导入导出Excel (2)

    简单演示一下创建一个Workbook对象,添加一个工作表,在工作表中添加一行一列: using System;using System.Collections.Generic;using System ...

  5. sqlite编译

    1.下载代码:http://www.sqlite.org/download.html ,windows下下载sqlite-amalgamation-xxx.zip和sqlite-dll-win32-x ...

  6. 用css实现一个空心圆，并始终放置在浏览器窗口左下角

    用css实现一个空心圆,并始终放置在浏览器窗口左下角         div{                 position:fixed;                 bottom:0;   ...

  7. ECSHOP_百度收录网址后面有?from=rss

    ecshop的feed.xml文件中间添加了?from=rss,百度蜘蛛抓取收录后,会出现frome页面,导致商品列表重复抓取,访问出错. 修改方法简单: 在根目录下的feed.php找到(八处), ...

  8. javax.net.ssl.SSLException: java.lang.UnsupportedOperationException

    Loading KeyStore C:\Tool\jdk1.7.0_71\jre\lib\security\jssecacerts... Opening connection to www.googl ...

  9. List myList=new ArrayList（）的理解

    ArrayList不是继承List接口,是实现了List接口.你写成ArrayList arrayList = new ArrayList();这样不会有任何问题.和List list = new A ...

  10. UIAppearance使用详解-备

    iOS5及其以后提供了一个比较强大的工具UIAppearance,我们通过UIAppearance设置一些UI的全局效果,这样就可以很方便的实现UI的自定义效果又能最简单的实现统一界面风格,它提供如下 ...