微信接口调用
2016-06-17 10:30
567 查看
protected void Page_Load(object sender, EventArgs e)
{
if (ThisSession.UserType ==1)//学生报名的时候 自动加载当前学生的身份证号
{
txt_IDCardNO.Text = ThisSession.IdNumber;
txt_IDCardNO.Enabled = true;
}
if (!IsPostBack)
{
BindLearnType();
BindClassType();
BindJiaoFeiType();
GetTimeStamp_Str = GetTimeStamp();
var GetTakenStr = HttpHelper.HttpGetConnectToServer("https://api.weixin.qq.com/cgi-bin/token", "grant_type=client_credential&appid=wx6596bfb9388cc63c&secret=eb0c0d643d4e7bd3a43b61fd1031a2f2");//get
Taken_Model taken_Model = JsonHelper.DeserializeObject<Taken_Model>(GetTakenStr);
Wx_Token = taken_Model.access_token;
var jsapi_ticket_Str = HttpHelper.HttpGetConnectToServer("https://api.weixin.qq.com/cgi-bin/ticket/getticket", "access_token=" + taken_Model.access_token + "&type=jsapi");//get
Jsapi_Ticket jsapi_ticket = JsonHelper.DeserializeObject<Jsapi_Ticket>(jsapi_ticket_Str);
TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1, 0, 0, 0, 0);
var tstem = GetTimeStamp_Str;
var noncestr = "tianpeng";
var jmdata = "jsapi_ticket={0}&noncestr={1}×tamp={2}&url={3}";
jmdata = string.Format(jmdata, jsapi_ticket.ticket, noncestr, tstem, "http://hstwx.wisdom-gps.com:52539/SignUp/SignUp.aspx");
signature_Str = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(jmdata, "sha1");
nonceStr_Str = noncestr;
}
}前端
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignUp.aspx.cs" Inherits="Wisdom.JPClient.WeiXin.Web.SignUp.SignUp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../Script/jweixin-1.0.0.js"></script>
<link href="../Theme/myh5.css" rel="stylesheet" />
<title></title>
<style>
.SignUp-Upload-tip { margin-bottom:10px;font-size:18px;color:#333333;margin-top:10px;}
#div_PicUpload_pic1 { width:45%; text-align:center; float: right; height:176px; border: 1px solid #DDDDDD; border-radius: 6px;line-height: normal;vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
#Pic_zhengmian { margin-top:60px;}
#Pic_fanmian { margin-top:60px;}
#div_PicUpload_pic2 {width:45%; text-align:center; height:176px; border: 1px solid #DDDDDD; border-radius: 6px;line-height: normal;vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.SubmitButton {height:70px;}
.clear { display: none; width: 25px; height: 25px; background: url(../Theme/Default/images/icon_close.png) no-repeat; outline: none; }
.login_input::-ms-clear { display: none; }
.login_input:valid + .clear { display: inline; }
</style>
</head>
<body>
<form id="form1" runat="server">
<script>
var GetTimeStamp_Str="<%=GetTimeStamp_Str%>";
var nonceStr_Str ="<%=nonceStr_Str%>";
var signature_Str = "<%=signature_Str%>";
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx6596bfb9388cc63c', // 必填，公众号的唯一标识
timestamp: GetTimeStamp_Str, // 必填，生成签名的时间戳
nonceStr: nonceStr_Str, // 必填，生成签名的随机串
signature: signature_Str,// 必填，签名，见附录1
jsApiList: ['chooseImage', 'previewImage', 'uploadImage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function(){
});
wx.error(function(res){
});
var images = {
localId: [],
serverId: []
};
function Select_Pic(obj,Type)
{
images.localId = [];
images.serverId = [];
wx.chooseImage({
count: 1, // 默认9
sizeType: [ 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
images.localId[0] = localIds;
SavePic(obj,localIds,Type);
}
});
}
function SavePic(obj,ids,Type)
{
wx.uploadImage({
// localId: ids, // 需要上传的图片的本地ID，由chooseImage接口获得
localId: images.localId[0].toString(),
isShowProgressTips: 1, // 默认为1，显示进度提示
success: function (res) {
var serverId = res.serverId; // 返回图片的服务器端ID
//alert("服务器地址为："+serverId);
if (Type == 2) {
$("#Hd_Pic_zhengmian").val(serverId);
$("#Pic_zhengmian_View").show();
$("#Pic_zhengmian_View").attr("src", ids);
$("#Pic_zhengmian").hide();
}
else {
$("#Hd_Pic_fanmian").val(serverId);
$("#Pic_fanmian_View").show();
$("#Pic_fanmian_View").attr("src", ids);
$("#Pic_fanmian").hide();
}
}
});
}
function ViewPic(ids)
{
wx.previewImage({
current: ids, // 当前显示图片的http链接
urls: [] // 需要预览的图片http链接列表
});
}
</script>
<div class="wzui-body">
<div id="personal-cnee-hd" style="height: 50px;">
<div class="wzui-fixed-placeholder"></div>
<div class="wzui-fixed" style="text-align: center;">
<div class="hd-nav" style="background-color: #197FEE; height: 40px;">
<a id="nav-back" href="../Main.aspx">返回</a>
<a style="color: white; font-size: 22px;">在线报名</a>
</div>
</div>
</div>
<div id="login_main">
<div class="login_main-center">
<div style="color:red; font-size:10px;"></div>
<div class="login_main-center-tel">
<div class="login_main-center-tel-div">
<asp:TextBox ID="txt_TrueName" placeholder="学员姓名" runat="server" MaxLength="25" class="login_input" style=""></asp:TextBox>
<a href="javascript:" class="login_main-center-Clear clear" onclick="ClearText(this)"></a>
<span style="margin-left:5px;color:red"></span>
</div>
<div class="login_main-center-tel-div-img" style="margin-top:-75px;">
<img id="img_phone" src="../Theme/Default/images/Phone_grey.png" />
</div>
</div>
<div class="login_main-center-tel">
<div class="login_main-center-tel-div">
<asp:TextBox ID="txt_Mobile" placeholder="手机号码" runat="server" MaxLength="11" class="login_input" style=""></asp:TextBox>
<a href="javascript:" class="login_main-center-Clear clear" onclick="ClearText(this)"></a>
<span style="margin-left:5px;color:red"></span>
</div>
<div class="login_main-center-tel-div-img" style="margin-top:-75px;">
<img id="img1" src="../Theme/Default/images/Phone_grey.png" />
</div>
</div>
<div class="login_main-center-tel">
<div style="z-index: 2">
<asp:DropDownList ID="DropLearnType" style="font-size:22px;" runat="server" class="login_input selcet_type" >
</asp:DropDownList><span style="margin-left:5px;color:red"></span>
</div>
<div class="login_main-center-select-pic" style="margin-top:-60px;">
<img id="img_arrow" src="../Theme/Default/images/icon_arrow_down.png" />
</div>
<div class="login_main-center-select-pic2" style="margin-top:-75px;">
<img id="img_name" src="../Theme/Default/images/icon_name_grey.png" />
</div>
</div>
<div class="login_main-center-tel">
<div style="z-index: 2">
<asp:DropDownList ID="DropClassType" style="font-size:22px;" runat="server" class="login_input selcet_type" >
</asp:DropDownList><span style="margin-left:5px;color:red"></span>
</div>
<div class="login_main-center-select-pic" style="margin-top:-60px;">
<img id="img2" src="../Theme/Default/images/icon_arrow_down.png" />
</div>
<div class="login_main-center-select-pic2" style="margin-top:-75px;">
<img id="img3" src="../Theme/Default/images/icon_name_grey.png" />
</div>
</div>
<div class="login_main-center-tel">
<div style="z-index: 2">
<asp:DropDownList ID="DropShouFeiType" runat="server" style="font-size:22px;" class="login_input selcet_type" >
</asp:DropDownList><span style="margin-left:5px;color:red"></span>
</div>
<div class="login_main-center-select-pic" style="margin-top:-60px;">
<img id="img5" src="../Theme/Default/images/icon_arrow_down.png" />
</div>
<div class="login_main-center-select-pic2" style="margin-top:-75px;">
<img id="img6" src="../Theme/Default/images/icon_name_grey.png" />
</div>
</div>
<div class="login_main-center-tel">
<div class="login_main-center-tel-div" >
<asp:TextBox ID="txt_IDCardNO" placeholder="身份证号" runat="server" MaxLength="20" class="login_input" style=""></asp:TextBox><span style="margin-left:5px;color:red"></span>
<a href="javascript:" class="login_main-center-Clear clear" onclick="ClearText(this)"></a>
</div>
<div class="login_main-center-tel-div-img" style="margin-top:-75px;">
<img id="img4" src="../Theme/Default/images/Phone_grey.png" />
</div>
</div>
<div class="SignUp-Upload-tip">请上传您的身份证照片</div>
<div id="div_PicUpload">
<div id="div_PicUpload_pic1">
<img id="Pic_fanmian" src="../Theme/Default/images/icon_add.png"/>
<img id="Pic_fanmian_View" src="" style="max-height:176px;"/>
</div>
<div id="div_PicUpload_pic2">
<img id="Pic_zhengmian" src="../Theme/Default/images/icon_add.png"/>
<img id="Pic_zhengmian_View" src="" style="max-height:176px;"/>
</div>
</div>
<div class="login_main-center-btn SubmitButton">
<img src="../Theme/Default/images/btn_sign-up.png" style="width: 94%; margin-left: auto; cursor: pointer;" id="btnSearch" onclick="checkinfo();" />
</div>
<asp:HiddenField ID="Hd_Pic_zhengmian" runat="server" />
<asp:HiddenField ID="Hd_Pic_fanmian" runat="server" />
</div>
</div>
<asp:Button ID="btn_SignUp" runat="server" style="display:none;" OnClick="btn_SignUp_Click" />
</div>
<script type="text/javascript">
$(function () {
$("#select_Type").focus(function () {
$("#img_arrow").attr("src", "../Theme/Default/images/icon_arrow_blue.png");
});
$("#select_Type").focus(function () {
$("#img_name").attr("src", "../Theme/Default/images/icon_name_blue.png");
});
$("#txt_Tel").focus(function () {
$("#img_phone").attr("src", "../Theme/Default/images/Phone_-blue.png");
});
$("#txt_Pwd").focus(function () {
$("#img_pwd").attr("src", "../Theme/Default/images/icon_password_blue.png");
});
$("#select_Type").blur(function () {
$("#img_arrow").attr("src", "../Theme/Default/images/icon_arrow_down.png")
});
$("#select_Type").blur(function () {
$("#img_name").attr("src", "../Theme/Default/images/icon_name_grey.png")
});
$("#txt_Tel").blur(function () {
$("#img_phone").attr("src", "../Theme/Default/images/Phone_grey.png");
});
$("#txt_Pwd").blur(function () {
$("#img_pwd").attr("src", "../Theme/Default/images/icon_password_grey.png");
});
$("#div_PicUpload_pic2").click(function () {
Select_Pic(this,2);//正面
});
$("#div_PicUpload_pic1").click(function () {
Select_Pic(this,1);//反面
});
if ($("#Pic_zhengmian_View").attr("src") == "")
{
$("#Pic_zhengmian_View").hide();
}
if ($("#Pic_fanmian_View").attr("src") == "") {
$("#Pic_fanmian_View").hide();
}
});
function checkinfo()
{
if ($.trim($("#txt_TrueName").val()) == "")
{
alert("学员姓名不能为空！");
return false;
}
if ($.trim($("#txt_Mobile").val()) == "") {
alert("手机号码不能为空！");
return false;
}
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
if (!myreg.test($("#txt_Mobile").val())) {
alert('请输入有效的手机号码！');
return false;
}
if ($.trim($("#DropLearnType").val()) == "请选择学车类型") {
alert("请选择学车类型!");
return false;
}
if ($.trim($("#DropClassType").val()) == "请选择班级") {
alert("请选择班级！");
return false;
}
if ($.trim($("#DropShouFeiType").val()) == "请选择收费方式") {
alert("请选择收费方式");
return false;
}
if ($.trim($("#txt_IDCardNO").val()) == "") {
alert("身份证号不能为空");
return false;
}
//if ($.trim($("#Hd_Pic_zhengmian").val()) == "")
//{
// alert("请上传身份证正面照片！");
// return false;
//}
//if ($.trim($("#Hd_Pic_fanmian").val()) == "") {
// alert("请上传身份证反面照片！");
// return false;
//}
// return true;
$("#btn_SignUp").click();
}
</script>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- android仿qq微信的消息数量显示功能
- 微信不能分享/登录的问题之一
- 微信
- 微信支付 进行统一下单 签名错误
- 朋友圈热文 - 微信变现走出的又一步好棋
- 解决微信OAuth2.0网页授权回调域名只能设置一个的问题
- 这些微信封面图技巧，你不一定知道～
- WeMall微商城营销技巧之二：微信营销成功案例 传统企业怎么做微信营销
- WeMall微商城营销技巧之三：企业进行微信小店营销推广需注意的
- WeMall微商城营销技巧之三：企业进行微信小店营销推广需注意的
- java小程序从数据库中（表）中读取数据然后创建文件夹生成txt文件
- PHP微信API接口页面代码
- 微信企业号开发01 - 获取corpid 和 corpsecret
- 微信测试号设置
- 网页分享到微信常见问题
- 张小龙
- （基于nodejs）微信测试号创建自定义菜单
- 微信公众平台二次开发需要配置的几个地址与参数
- 176 php 微信第三方平台填坑记
- HTML简单购物数量小程序