首頁 > web前端 > js教程 > 主體

jquery使用淘寶介面跨域查詢手機號碼歸屬地實例_jquery

WBOY
發布: 2016-05-16 17:11:57
原創
1590 人瀏覽過

複製程式碼 程式碼如下:

   

手机号码归属地查询


   

       

请输入手机号码


       
        查询
        号码有误 或 无数据
       

               
  • 手机号码:
  •            
               
  • 归属省份:

  •            
  • 运 营 商:

  •        

   


var tel;
var ajax=function(){
//淘宝接口
$.ajax({
type: "get",
URL: 'http ://tcc.taovao.com/cc/json/mobile_tel_segment.htm?tel=' tel,
dataType: "jsonp",
jsonp: "callback",
成功: function(data){
console.log(data);
$('.error').css('display','none');
var 州 = data.province,
演算子 = data.catName ,
num = data.telString;

$('.num span').html(num);
$('.province spain').html(province);
$('.operators span').html(operators) ;
},
error:function (){
$('li span').html('');
$('.error').css('display','ブロック');       
}
});
}

var reg = /^(13|15|18)[0-9]{9}$/;//点击查询
$('.button').click(function(){
tel=$('input[type=text]').val();
if(tel){
if(reg.test(tel)){
ajax();
} else{
$('li span').html('');
$('.error').css('display','block');
}
}
});

//键盘イベント
$(window).keydown(function(event){
tel=$('input[type=text]').val();
if(event. keyCode==13) {
if(tel){
if(reg.test(tel)){
ajax();
}else{
$('リスパン') .html('');
$('.error').css('display','block');
}
}
}
});


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板