码迷,mamicode.com
首页 > Web开发 > 详细

陈朱兴-js写法【案例】:

时间:2015-10-21 15:57:01      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

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();
        });
})(); }

 

陈朱兴-js写法【案例】:

标签:

原文地址:http://www.cnblogs.com/shimily/p/4897879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!