此篇博文来聊聊如何使用阿里云市场 API 获取手机归属地,这也是我们在做网站中非常实用的功能之一。
a)登录阿里云 云市场,搜索【手机归属地】,选择【手机号码归属地查询】并进行购买(选择免费使用即可)。
b)支付完成后点击【管理控制台】可获取【AppCode】。
c)点击【手机号码归属地查询(免费)】此标题跳转至详情页,滚动条滚动即可找见 API 接口文档。
根据 API 接口文档请求参数提示,前台使用 LayUI 进行布局,并发送异步请求。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui-v2.3.0/layui/css/layui.css">
<script src="layui-v2.3.0/layui/layui.js"></script>
</head>
<body>
<div class="layui-container">
<div class="layui-row" style="margin-top: 100px">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">手机号</label>
<div class="layui-input-block">
<input type="text" name="mobile" required lay-verify="required" placeholder="请输入手机号"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">查询</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
<script>
//Demo
layui.use('form', function () {
var form = layui.form;
var $ = layui.jquery;
//监听提交
form.on('submit(formDemo)', function (data) {
//layer.msg(JSON.stringify(data.field));
$.ajax({
url: 'api.php',
type: 'post',
data: data.field,
dataType: 'json',
success: function (res) {
console.log(res);
}
})
return false;
});
});
</script>
后台代码根据 API 接口文档请求示例中 PHP 进行部署代码。
<?php
$mobile = $_POST['mobile'];
$host = "https://api04.aliyun.venuscn.com";
$path = "/mobile";
$method = "GET";
$appcode = "你自己的AppCode";
$headers = array();
array_push($headers, "Authorization:APPCODE " . $appcode);
$querys = "mobile=" . $mobile;
$bodys = "";
$url = $host . $path . "?" . $querys;
$curl = curl_init();
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
curl_setopt($curl, CURLOPT_FAILONERROR, false);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HEADER, true);
if (1 == strpos("$".$host, "https://"))
{
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
}
$content = curl_exec($curl);
$header_size = curl_getinfo($curl,CURLINFO_HEADER_SIZE);
$bodys = substr($content,$header_size);
echo $bodys;
?>
浏览器控制台查看结果,并完成前台 Ajax 代码。
Finally,谢谢大家的阅读!祝每天开心~
版权声明:本文为博主原创文章,未经博主允许不得转载。
微信赞赏
支付宝赞赏
[…] 原文地址:阿里云市场API获取手机归属地 […]