js查询手机号码归属地

<!DOCTYPE html>
<html>
<head>
    <meta charset="gbk">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>js查询手机号码归属地</title>
    <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript">
        (function(){
            $.ajax({
                url:"http://apis.baidu.com/showapi_open_bus/mobile/find",
                type:"get",
                beforeSend: function(request) {
                        request.setRequestHeader("apikey", "d2c83ec********a385c8b");//此处填写apikey,可以在apistore注册获取
                    },
                data:{num:'187****5962'},
                datatype:"json",
                success:function(res){
                    console.info(res.showapi_res_body.city);//结果包含很多信息,此处取出城市名做个示例
                }
            });
        })(jQuery)
    </script>
</head>
<body>

</body>
</html>
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
实现手机号归属查询的微信小程序需要: 1. 一个手机号码归属查询的 API 接口 2. 一个可以发送 HTTP 请求的方法 3. 一个可以展示查询结果的界面 下面是一个简单的实现过程: 1. 创建一个新的微信小程序项目,命名为“手机号归属查询” 2. 在 app.json 文件中添加需要的页面,如下: ```json { "pages": [ "pages/index/index", "pages/result/result" ] } ``` 3. 在 index 页面中添加一个输入框和一个查询按钮,并处理查询按钮的点击事件,如下: ```html <view class="container"> <view class="form-group"> <input class="input" placeholder="请输入手机号" bindinput="onInput" /> </view> <view class="form-group"> <button class="btn" bindtap="onSearch">查询</button> </view> </view> ``` ```javascript Page({ data: { phoneNumber: '' }, onInput(e) { this.setData({ phoneNumber: e.detail.value }) }, onSearch() { wx.navigateTo({ url: '/pages/result/result?phoneNumber=' + this.data.phoneNumber }) } }) ``` 4. 在 result 页面中发送查询请求并展示查询结果,如下: ```javascript Page({ data: { result: {} }, onLoad(options) { wx.request({ url: 'https://api.xxx.com/query?phoneNumber=' + options.phoneNumber, success: res => { this.setData({ result: res.data }) } }) } }) ``` 5. 在 result.wxml 中展示查询结果,如下: ```html <view class="container"> <view class="result-group"> <view class="result-item"> <text class="label">手机号码:</text> <text class="value">{{result.phoneNumber}}</text> </view> <view class="result-item"> <text class="label">归属地:</text> <text class="value">{{result.location}}</text> </view> <view class="result-item"> <text class="label">运营商:</text> <text class="value">{{result.operator}}</text> </view> </view> </view> ``` 6. 根据需要美化界面样式。 注意事项: 1. API 接口需要自行开发或使用第三方服务,需要注意接口的可靠性和安全性。 2. 查询结果需要进行错误处理,如手机号码格式不正确、查询结果为空等情况。 3. 异步请求需要注意请求的时序,如在查询结果返回前用户已经离开了当前页面。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值