不再犹豫web页面获取微信用户的信息，其实主要就是根据code去根据微信的接口去获取，下来先讲一下如何获取code：
现在我就用我实际场景放代码了，
1、url方法：
//因为我这个链接别的地方会有用到，所以我在这单独定义一个方法返回固定的url
function getUrlLink(){
var urllink = 'url'
return urllink
}
2、获取微信code：
function getBaseInfos(){
var urllink = getUrlLink()
var url_code = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx599ae3b5b1543a1a&redirect_uri="+urllink+"&response_type=code&scope=snsapi_base&state=1&connect_redirect=1#wechat_redirect";
window.location.href = url_code;//打开这个链接，你的url后面就会跟上code的参数
}
3、截取url中的code：
function getUrlValueByName(name){//这个是来截取code
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
3、得到code后去请求后台接口获取用户信息
var code = getUrlValueByName('code')
var data = {}
data.code = code
is_report(data)//这个方法就是请求后台接口了，ajax
4、ajax方法：
function is_report(data){
$.ajax({
//请求方式
type : "POST",
//请求的媒体类型
contentType: "application/json;charset=UTF-8",
//请求地址
url : "接口地址",
//数据，json字符串
data : JSON.stringify(data),
//请求成功
success : function(result) {
console.log(result);
if(result.code === 200){
}
},
//请求失败，包含具体的错误信息
error : function(e){
console.log(e.status);
console.log(e.responseText);
}
});
}
参考资料：
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#0
欢迎大家关注公众号：
评论前必须登录！
注册