H5 使用微信地址

效果图

1.先引入sdk 文件
$.ajax({
        type: "get",
        url: baseUrl + "api/wechat/Pubaccount/jssdk?url=" + linkurl,//请求接口,获取授权
        success:function(data){
            let res = data;
            jWeixin.config({
                debug: false,
                appId: res.appId,
                timestamp: res.timestamp,
                nonceStr: res.nonceStr,
                signature: res.signature,
                jsApiList: ['openAddress']
            });
        },
        error: function(data) {
            alert("连接失败!");
        }
    })

获取微信地址信息

    $(document).on("click",".wechat_address",function(){
         jWeixin.openAddress({
            success: function (res) {
             //把返回的信息填入到页面
                $('#c-name').val(res.userName);
                $('#c-mobiles').val(res.telNumber);
                $('#location').val(res.provinceName+res.cityName+res.countryName);
                $('#detail').val(res.detailInfo);
            },
            cancel: function (errMsg) {
                console.log(errMsg);
            }
        });
    })
相关推荐
Couvrir洪荒猛兽1 小时前
Android实训九 数据存储和访问
android
aloneboyooo1 小时前
Android Studio安装配置
android·ide·android studio
Jacob程序员1 小时前
leaflet绘制室内平面图
android·开发语言·javascript
2401_897907862 小时前
10天学会flutter DAY2 玩转dart 类
android·flutter
m0_748233643 小时前
【PHP】部署和发布PHP网站到IIS服务器
android·服务器·php
Yeats_Liao4 小时前
Spring 定时任务:@Scheduled 注解四大参数解析
android·java·spring
雾里看山5 小时前
【MySQL】 库的操作
android·数据库·笔记·mysql
水瓶丫头站住14 小时前
安卓APP如何适配不同的手机分辨率
android·智能手机
xvch14 小时前
Kotlin 2.1.0 入门教程(五)
android·kotlin
xvch18 小时前
Kotlin 2.1.0 入门教程(七)
android·kotlin