H5开发获取微信系统的地址列表

前段时间做了H5开发的项目,需要是要把微信系统自带的地址也给添加进来,意识也就是说用户可以选择项目的地址和微信自带的地址

 效果图是这样的

对就是这个需求 下面给出H5 页面下的微信添加HTML

然后就是JS 获取微信地址:

       1.先是微信权限验证

     

    再就是添加微信地址  

// 添加微信地址

function addWechatAddress(options){

var postalCode = +options.postalCode;

var provinceCode = parseInt(postalCode/10000)*10000;

var countryCode = parseInt(postalCode/100)*100;

var region = [provinceCode, countryCode, postalCode].join(‘-‘);

var postData = {

receiver_name: options.userName,

receiver_phone: options.telNumber,

receiver_state: options.provinceName,

receiver_city: options.cityName,

receiver_district: options.countryName,

receiver_address: options.detailInfo,

receiver_zip: postalCode,

region: region,

tag: ‘‘,

is_default: 1

}

$.post(

__BASEURL__ + "api/address/add",    //这边是封装的ajax请求

autoCsrf(postData),

function (data) {

if (data.success) {

window.location.href = window.location.href;

} else {

layer.open({

content: data.msg,

skin: "msg",

time: 1

});

}

}

);

}

wx.ready( function(){

$(‘#addWechatAddress‘).on(‘click‘, function(){

wx.openAddress({

success: function (res) {

var userName = res.userName; // 收货人姓名

var postalCode = res.postalCode; // 邮编

var provinceName = res.provinceName; // 国标收货地址第一级地址(省)

var cityName = res.cityName; // 国标收货地址第二级地址(市)

var countryName = res.countryName; // 国标收货地址第三级地址(国家)

var detailInfo = res.detailInfo; // 详细收货地址信息

var nationalCode = res.nationalCode; // 收货地址国家码

var telNumber = res.telNumber; // 收货人手机号码

addWechatAddress(res);

},

fail: function(res){

layer.open({

content: res.errMsg,

skin: "msg",

time: 1

});

}

});

}).show();

});

原文地址:https://www.cnblogs.com/yf-html/p/8733635.html

时间: 2024-10-02 10:14:27

H5开发获取微信系统的地址列表的相关文章

微信公众号平台接口开发:基础支持,获取微信服务器IP地址

官方说明 目前看不出来这个接口有哪些具体运用,但是既然有这个接口,那我们就试试能不能用 访问接口 修改WeCharBase.cs,新增以下2个方法 1 public static string ServerIPs 2 { 3 get { return GetServerIPs(); } 4 } 5 6 /// <summary>获取所有服务器IP</summary> 7 /// <returns></returns> 8 private static str

Delphi XE7 用indy开发微信公众平台(2)- 获取微信服务器IP地址

获取微信服务器IP地址 const ServerIpUrl = 'https://api.weixin.qq.com/cgi-bin/getcallbackip?&access_token=%s'; procedure GetServerList(out List: TStringList; AccessToken: String); var Url: string; J: TJSONObject; temp: String; begin Url := Format(ServerIpUrl, [

微信开发之(三)获取微信服务器IP地址

官方文档解析:获取微信服务器IP地址 在上面的官方文档中我们可以直接在最浏览器里面进行测试例如: 请求访问这个地址,前提是已经获得了access_token的值上篇已获得:https://api.weixin.qq.com/cgi-bin/getcallbackip?access_token=ACCESS_TOKEN   是否必须 说明 access_token 是 公众号的access_token C#代码(access_token的值见上一篇的获取方法): /// <summary> //

python获取微信公共平台消息列表和用户头像

转载需注明原文地址:http://blog.csdn.net/btyh17mxy/article/details/25207889 刚写的模拟登陆的方式从获取微信公众平台消息列表和用户头像的库,之后还会继续增加相关功能,github地址https://github.com/btyh17mxy/wxwall #!/usr/bin/env python # coding: UTF-8 import json import hashlib import re import random import

获取微信服务器IP地址

关键字:微信公众平台 微信服务器 IP地址 如果公众号基于安全等考虑,需要获知微信服务器的IP地址列表,以便进行相关限制,可以通过该接口获得微信服务器IP地址列表. 接口调用请求说明 http请求方式: GET https://api.weixin.qq.com/cgi-bin/getcallbackip?access_token=ACCESS_TOKEN 参数说明 参数 是否必须 说明 access_token 是 公众号的access_token 返回说明 正常情况下,微信会返回下述JSON

H5页面获取微信公众号的openid

1.H5页面是运行在微信浏览器的 2.需要与公众号关联(即需要openid) 3.判断需求是否需要弹窗告知用户授权操作 4.获取到的openid做本地存储,判断没有openid进行获取openid操作 5.这边的操作是不需要弹出授权框,且code不能重复使用,所以做了关注二维码弹窗且不能关闭弹唱操作 // 强制关注公众号,获取openid getCode = function () { if (sessionStorage.getItem("openid")&&sess

windows客户端开发--获取windows系统中文件的MIME

首先,什么是MIME,是不是文件的后缀名呢? 当然不是. 有时候我们需要获取某个文件的后缀名,这也许对你来说太小case了,你可能不加思考的写了一个函数,更加文件名字符串查找最后一个'.',然后取最有一个'.'之后的字符串,即为我们要得到的后缀名. 看似非常完美,但确实漏洞百出. 如果我的文件没有后缀名怎么办? 如果我的一张png图片,我强制把后缀名改为jpg怎么办? 这样你根据文件名字方法就不能获得百分百正确的后缀名. 所以,就该MIME出场了! 何为MIME? MIME (Multipurp

Chrome获取微信授权,调试公众号页面

1.目的 你可能遇到过这种情况,在微信中打开公众号是这样的. 复制链接,在chrome中打开是这样的. 博主今天要解决的就是,如果在chrome中加载需要微信授权的页面,至于加载成功后要干嘛,测试?抓包?查看源码?...这就是你的事情了,先来说说怎么绕过这个验证吧. 2.准备工具 工欲善其事必先利其器,先来说说工具. 工具名称 用途 微信PC版 PC版的微信内置浏览器能获取微信授权.复制页面链接 Chrome浏览器 调试工具,我们的目的就是在chrome里面绕过微信授权 Fiddler4 抓包工

利用H5开发微信公众号

一. 首先授权配置 公众号设置 -->功能设置 设置业务域名!  这里的MP_verify_w7tdZrafqhkK9Mcj.txt文件,需要放到你项目的根目录下,例子:你的项目war包叫 test.war ,里面包含了src,WEB-INFO两个文件夹,则把MP_verify_w7tdZrafqhkK9Mcj.txt放到这两个文件夹的同级目录下;即现在test.war下有两个文件夹一个txt文件:src,WEB-INFO,MP_verify_w7tdZrafqhkK9Mcj.txt. 后面就需