Jquery USES the taobao interface to cross domain query mobile phone number ownership instances
- 2020-03-30 00:02:07
- OfStack
<h1> Mobile phone number attribution query </h1>
<div class="outer">
<p> Please enter your mobile phone number </p>
<input type="text" >
<span class="button"> The query </span>
<span class="error"> Wrong number or No data </span>
<ul>
<li class="num"> Mobile phone number : <span></span></li>
<li class="province"> Belong to province : <span></span></li>
<li class="operators"> shipment The camp shang : <span></span></li>
</ul>
</div>
<script type="text/javascript" src="query.js" ></script>
<script>
var tel;
var ajax=function(){
//Taobao interface & cake;
$.ajax({
type: "get",
url: 'http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel='+tel,
dataType: "jsonp",
jsonp: "callback",
success: function(data){
console.log(data);
$('.error').css('display','none');
var province = data.province,
operators = data.catName,
num = data.telString;
$('.num span').html(num);
$('.province span').html(province);
$('.operators span').html(operators);
},
error:function (){
$('li span').html('');
$('.error').css('display','block');
}
});
}
var reg = /^(13|15|18)[0-9]{9}$/;//Click on the query
$('.button').click(function(){
tel=$('input[type=text]').val();
if(tel){
if(reg.test(tel)){
ajax();
}else{
$('li span').html('');
$('.error').css('display','block');
}
}
});
//Keyboard events
$(window).keydown(function(event){
tel=$('input[type=text]').val();
if(event.keyCode==13) {
if(tel){
if(reg.test(tel)){
ajax();
}else{
$('li span').html('');
$('.error').css('display','block');
}
}
}
});
</script>