陈-朱-兴- js写法【案例】:
2024-08-31 14:08:56
ajax请求:
一、从服务器端请求数据:
var url = '';
url = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid='+ appid +'&secret='+ secret +'&code='+ code +'&grant_type=authorization_code';
$.ajax({
type: 'GET',
url: url,
dataType: 'json',
success: function(data){
alert(JSON.stringify(data))
},
error: function(xhr, type){
alert('Ajax error!')
}
});
二、发送数据到服务器
// 参与活动
function joinActivity(msg){
$.ajax({
type: 'GET',
url: 'http://ebsig.mcake.com/ajax-shop/activity/wsj.ajax',
data: { operFlg: 'join', gid: gid, oid:oid, msg: msg},
dataType: 'json',
success: function(data){
if(data.code == 200) {
$('#js_step9').show();
} else {
// 已经参加过
alert(data.message);
}
},
error: function(xhr, type){
alert('Ajax error!')
}
});
}
函数调用:
joinActivity(val);
整体页面js部署:
//初始化设置
var gid = '',
oid = getOid();
$step1 = $('#js_step1'),
$step2 = $('#js_step2'),
$step3 = $('#js_step3'),
$step4 = $('#js_step4'),
$step5 = $('#js_step5'), $step6 = $('#js_step6'),
$step7 = $('#js_step7'),
$step8 = $('#js_step8'),
$step9 = $('#js_step9'),
$step10 = $('#js_step10'),
$step11 = $('#js_step11'),
$step12 = $('#js_step12'),
$step13 = $('#js_step13'),
menTimeer = null; $(function(){
// 初始化weixin 配置
(function initConfig(){
execJs();
})();
// 授权
function auth(appId){
}
}); function execJs() {
function imgShow(ele){
var i=-1;
var len=ele.children("img").length;
function imgAnimate(){ //设置走光动画
i++;
if(i<len){
setTimeout(function(){
ele.children("img").eq(i).show().siblings().hide();
imgAnimate(); //内部回调
},300);
} }
imgAnimate(); //执行一次动画,否则其他动画不隐藏
}
}
imgShow($("#js_loading"));//立刻执行一次
var timeer = setInterval(function(){imgShow($("#js_loading"))},1200);/*循环执行*/ //loading动画
function imgLoad(ele){} function step1(){
$step1.hide();
$step3.show();
}
function step2(){}
function step3(){} var animation = {
menAnimation: function(){},
cdAnimation: function(){},
zdAnimation: function(){},
sdAnimation: function(){},
}
// 发起活动
function initActivity(callback){}
// 查看活动
function checkActivity(gid){}
// 参与活动
function joinActivity(msg){}
//分享
function shareWx(url){}
(function bindEvent () {
// 步骤
$step1.on('click', function(){
clearInterval(menTimeer);
step2();
});
$step2.on('click', function(){
$("#js_share").find('img').hide();
location.href = location.origin + location.pathname + '?gid=' + gid;
step2();
$step1.hide();
});
})();
}
var $bao = $('#js_bao'),
$step2 = $('#js_step2'),
$step3 = $('#js_step3'); (function initConfig(){
execJs();
})(); function execJs() {
function step1(){
$bao.find("li").click(function(){
$(this).addClass("on").siblings().removeClass("on");
})
} (function bindEvent () {
step1();
})();
}
最新文章
- 著名ERP厂商的SSO单点登录解决方案介绍一
- 夺命雷公狗-----React---5--props对象的传递
- Intent 四个重要属性
- 《GK101任意波发生器》升级固件发布(版本:1.0.2build306)
- Android WIFI 启动流程(TIP^^)
- 【转】android应用程序签名
- string与数值之间的转换
- angularJS 指令一
- EF查询
- Asp.Net之三层架构
- php设计模式七 ---组合模式
- 十款不容错过的Swift iOS开源项目及介绍
- maven父子模块deploy 问题
- MRC-block与ARC-block
- C++中几个输入函数的用法和区别(cin、cin.get()、cin.getline()、getline()、gets()、getchar())
- 静态链接库与动态链接库----C/C++
- Django 系统日志logging
- git fetch 和git pull 的差别
- 索引节点(inode)爆满问题处理
- [报错]ios开发 failed to read file attributes for