• 微信jssdk批量展示卡包中的卡券


    <%@ 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()不成功

  • 相关阅读:
    PHP 中的 cURL 爬虫实战基础
    PHP的输出缓冲区
    Web网站高并发量的解决方案
    PHP Socket 简单使用
    php无极限分类函数
    PHP单链表的基本操作
    PHP中的10个实用函数
    你真的了解现在的PHP吗?
    国人骄傲,layer.js 搞定所有弹窗
    字典排序
  • 原文地址:https://www.cnblogs.com/dashuai01/p/4837536.html
Copyright © 2020-2023  润新知