陈朱兴-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();          });      })();
}         
时间: 2024-11-08 07:08:20

陈朱兴-js写法【案例】:的相关文章

cocos-html5 JS 写法基础 语言核心

转载:http://blog.csdn.net/leasystu/article/details/18735797 cocos2dx 3.0 js继承:John Resiq的继承写法解析 CCClass.js cocos2d-html5/cocos2d/core/platform/CCClass.js ? 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 29 30 31 32 33 34 35

正則表達式--js使用案例

前言:在前端页面使用中.遇到日期格式的验证.開始使用了一款表单控件验证.可是不兼容!!并且使用起来还受到非常大约束.所以就决定自己写原生js. 为了完毕日期格式的验证.第一步,当然是学会使用正則表達式. 曾经都是直接复制使用,这次理解原理.自己原生写. 接前两篇:js使用案例. //检測控件内容内容格式--控制为"2014-07-21". functioncheckDate(formContorId,message){ // 获取控件对象. var temp = document.ge

正则表达式--js使用案例

前言:在前端页面使用中,遇到日期格式的验证,开始使用了一款表单控件验证,但是不兼容!!而且使用起来还受到很大约束,所以就决定自己写原生js.为了完成日期格式的验证,第一步,当然是学会使用正则表达式.以前都是直接复制使用,这次理解原理,自己原生写. 接前两篇:js使用案例. //检测控件内容内容格式--控制为"2014-07-21". functioncheckDate(formContorId,message){ // 获取控件对象. var temp = document.getEl

js中,符合属性的js写法是讲下横杆去掉

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>练习</title> 7 <style type="text/css"

layui的js写法,部分代码

前端html写法: 1 <!DOCTYPE html> 2 <html lang="en" xmlns:th="http://www.thymeleaf.org"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>学生管理</title> 6 <!-- 引入前端框架 --> 7 <link th:href="@

arttemplate.js原生写法案例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div class="box"></div> <script type="text/template" id=&q

arttemplate.js简洁写法案例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>简介语法</title> </head> <body> <div id="box"></div> <!--**注意** 模版当中没有其他全局变量 --> <!-- <

node.js(小案例)_实现学生信息增删改

一.前言 本节内容主要对小案例做一个总结: 1.如何开始搭建小项目 2.路由设计 3.模块应用 4.项目源码以及实现过程github地址: 项目演示如下: 二.主要内容 1.项目的关键性js源码: 项目的入口: /** * app.js 入门模块 * 职责: * 创建服务 * 做一些服务相关配置 * 模板引擎 * body-parser 解析表单 post 请求体 * 提供静态资源服务 * 挂载路由 * 监听端口启动服务 */ var express = require('express') v

10个js小案例

知识梳理: 1.DOM(document object model)文档对象模型:html(标签对象集合) 标签名获取对象:document.getElementsByTagName('标签名');//返回的是一个数组 类名获取对象:document.getElementsClassName('类名’);//返回的是一个数组 id获取(id唯一):document.getElementById(); 获取内容标签:innerText,innerHTML 区别:innerHTML可以把标签写进ht