陈-朱-兴- js写法【案例】:
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();
})();
}
陈-朱-兴- js写法【案例】:的更多相关文章
- 陈朱兴-js写法【案例】:
ajax请求: 一.从服务器端请求数据: var url = '';url = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid='+ ...
- 【Vue.js实战案例】- Vue.js递归组件实现组织架构树和选人功能
大家好!先上图看看本次案例的整体效果. 浪奔,浪流,万里涛涛江水永不休.如果在jq时代来实这个功能简直有些噩梦了,但是自从前端思想发展到现在的以MVVM为主流的大背景下,来实现一个这样繁杂的功能简直不 ...
- js计算器案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...
- 正則表達式--js使用案例
前言:在前端页面使用中.遇到日期格式的验证.開始使用了一款表单控件验证.可是不兼容!!并且使用起来还受到非常大约束.所以就决定自己写原生js. 为了完毕日期格式的验证.第一步,当然是学会使用正則表達式 ...
- JS小案例:循环间隔重复变色
在A.B.C三个区块中,有且仅有一个红色,要求红色每隔一秒即进入下一个区块,变色过程不断循环往复. 参考代码: <!DOCTYPE html> <html lang="zh ...
- arttemplate.js简洁写法案例
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- arttemplate.js原生写法案例
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- node.js(小案例)_实现学生信息增删改
一.前言 本节内容主要对小案例做一个总结: 1.如何开始搭建小项目 2.路由设计 3.模块应用 4.项目源码以及实现过程github地址: 项目演示如下: 二.主要内容 1.项目的关键性js源码: 项 ...
- node.js 爬虫案例
本案例是爬的一部小说,爬取并存在本地 使用了动态浏览器头部信息,和 动态ip代理, 这2个方式可以有效的伪装自己,不至于被反爬,然后拉黑,之前已有记录,浏览器头部信息,也记录的有, app.js im ...
随机推荐
- 一起talk C栗子吧(第一百一十二回:C语言实例--线程同步概述)
各位看官们,大家好.上一回中咱们说的是线程间通信的样例,这一回咱们说的样例是:线程同步.闲话休提,言归正转.让我们一起talk C栗子吧! 看官们,提到同步.我想大家都不陌生,由于我们在前面章回中介绍 ...
- Vuejs2.0学习之二(Render函数,createElement,vm.$slots,函数化组件,模板编译,JSX)
时隔一周多,因为一些别的事情绊住了,下面接着写.中间这段时间也有看官方文档,发现正如他所说90%的基础内容都一样,所以这里直接跳到我比较关注的东东上,要是想看看哪些不一样,可以参考这个http://v ...
- nyoj--37--回文字符串(动态规划)
回文字符串 时间限制:3000 ms | 内存限制:65535 KB 难度:4 描述 所谓回文字符串,就是一个字符串,从左到右读和从右到左读是完全一样的,比如"aba".当然, ...
- IDE-IntelliJ IDEA
IDE-IntelliJ IDEA 主题.字体.编辑区主题.文件编码修改.乱码问题 主题修改 上图标注 1 所示为 IntelliJ IDEA 修改主题的地方,可以通过打开左上角的File -> ...
- [jzoj 6086] [GDOI2019模拟2019.3.26] 动态半平面交 解题报告 (set+线段树)
题目链接: https://jzoj.net/senior/#main/show/6086 题目: 题解: 一群数字的最小公倍数就是对它们质因数集合中的每个质因数的指数取$max$然后相乘 这样的子树 ...
- node,koa 图片批量添加水印,可手动配置水印位置
公司设计在处理京东上架商品图片的时候,需要给设计好的图片添加京东的“logo”,并且logo位置得根据图片来摆放,需要通过计算得出logo位置.那样太麻烦了,于是就用node,koa写了批量给图片添加 ...
- 新型查询系统impala
这羊头很酷... Apache Impala是Apache Hadoop的开源本地分析数据库.Impala由Cloudera,MapR,Oracle和Amazon提供. 在Hadoop上进行BI风格的 ...
- (转载)安卓6.0之前的系统 判断app是否有录音权限
卓6.0之前的系统 判断app是否有录音权限 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 ...
- 【原创】关于not in的一些事情
早上到公司,收到一条cocall消息,是某哥们遇到的疑惑,可能很多新手并不知情: 请教个问题 我执行 . select * from t_htgl_htpswj t where t.c_wjmc = ...
- firewall 实现数据的端口转发
端口转发:firewall-cmd --add-port=80/tcp firewall-cmd --add-port=10050/tcp firewall-cmd --add-forward-por ...