微信h5页面之微信授权、获取头像等

//js代码获取点击事件
var popupBox = document.querySelector('.popupBox')

var showPopup = document.querySelector('#showPopup') //获取div或者标签
showPopup.addEventListener('click',function(){
console.log('我被点击了')
popupBox.style.display = 'flex';
})
var close = document.querySelector('.close')
colose.addEventListener('click',function(){
popupBox.style.display = 'none';
})

//js拿到表单的信息
var form = document.querySelector('#form') //拿到表单这个div
//console.log(''#form')
form.addEventListener('submit',function(e){ //接受event事件参数
e.preventDefault() //阻止默认提交
console.log(e)
//console.log(document.querySelector('input[name=name]').value) //拿到name的值
var name = document.querySelector('input[name=name]').value
var phone = document.querySelector('input[name=phone]').va  lue

mu.get('/apply/submit',{name:name,phone:phone},function(res){
    //console.log(res)
//根据控制台code来判断是否请求成功
if(res.code !== 200) {
    alert(res.msg);
    return;
}else{
    alert('领取成功');
    location.reload() //刷新当前 页面
}
})
})

//微信授权登陆(1、检查是否登陆，进行登陆，将域名传给后端，获取appid，跳转微信提供 的接口)
//1、引入jq文件 2、引入自己写的闭包js文件
//3、写ajax的接口 (检查是否登陆)
mu.get('/checkLogin',{},function(res){
if(res.msg == '登陆过期') {
  var current_url = window.location.href
  console.log(current_url)
mu.get('/login/initGetAppid',{current_url:current_url},function(res){
    var appid = res.data.appid
    //console.log(appid)
    var appid = res.data.appid
    var url = mu.config()
    login(appid,url)
    })
    }else{
//检测是否已经报名过
mu.get('/applyStatus',{},function(res){
    // console.log(res) //已经报名返回201
    if(res.code ==200) {
    showPopup.style.display='none';
    document.querySelector('.success').style.display='flex' (.success是微信头像的div)
    //setAttribute() 设置属性的意思 看后台打印的数据
    document.querySelector('#avatar').setAttribute('src',res.data.info.user.avatar_url)
    // 获得divnickname
    document.querySelector('#nickname').innerHTML = src,res.data.info.user.nickname
}
})
}
})

function login(appid,url){
 var toUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri='+url+'&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'

window.location.replace(toUrl)
//window.location.href = toUrl
}