手机号码归属地和运营商查询代码实例
分类：实例代码
有时候我们需要在网站上添加一个手机号码查询功能。
能够实现手机号码归属地和所属运营商的查询功能，当然我们需要使用一个接口。
淘宝就是一个不错的选择，安全放心，代码实例如下:
<!<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style>
button {
border: 1px solid #ccc;
cursor: pointer;
display: block;
margin: auto;
position: relative;
top: 100px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function () {
var url = 'http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=';
function seekPhoneNumber(number) {
$.ajax({
type: "get",
url: url + number,
dataType: "jsonp",
jsonp: "callback",
success: function (data) {
console.log(data);
$('.result').text(data.carrier);
},
error: function (e) {
$('.result').text(e);
}
});
}
$("#bt").click(function () {
seekPhoneNumber($("input").val());
})
})
</script>
</head>
<body>
<input type="tel" />
<div class="result"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
上面的代码实现了我们的要求，代码非常的简单不多介绍了，使用了淘宝的接口。
返回的data数据结构如下，可以根据自己的需要进行获取:
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu