分享
是一种美德

web页面-js-获取用户信息

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

欢迎大家关注公众号:

赞(2)
转载请注明来源地址:MN乐享 » web页面-js-获取用户信息

评论 抢沙发

评论前必须登录!