微信收货地址共享（openAddress）

最新推荐文章于 2025-06-19 09:12:08 发布

weixin_37799190

最新推荐文章于 2025-06-19 09:12:08 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_37799190/article/details/80073075

该博客展示了如何使用微信JS-SDK中的openAddress接口获取用户的收货地址。通过引入微信官方JS库并配置签名参数，实现用户点击后弹出地址选择器，成功选取后将地址信息展示在网页上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?php
header("Content-type: text/html; charset=utf-8"); 
require_once "jssdk.php";
$jssdk = new JSSDK("wx92eb9b4375434001b", "cc6742d0b03ad6437a54d8a4a7ba535");
$signPackage = $jssdk->GetSignPackage();
?>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script type="text/javascript">
wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      'checkJsApi',
        'openAddress'
        
    ]
  });
 wx.ready(function () { 
  });  
 function getaddr() { wx.openAddress({ success: function (res) { 
 // 用户成功拉出地址
  //alert(JSON.stringify(res));
   document.getElementById("showAddress").innerHTML="收件人："+res.userName+"  联系电话："+res.telNumber+"  收货地址："+res.proviceFirstStageName+res.addressCitySecondStageName+res.addressCountiesThirdStageName+res.addressDetailInfo+"  邮编："+res.addressPostalCode; 
}, 

 cancel: function (errMsg) {
  // 用户取消拉出地址 //
  alert(errMsg); }}); }




     </script>



    <div class="showaddr"  ><a  href="javascript:getaddr();"><strong>点击设置收货地址</strong></a>
    </div>
    <div id="showAddress"></div>