//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
}