jquery使用淘宝接口跨域查询手机号码归属地实例
<h1>手机号码归属地查询</h1>
<div class="outer">
<p>请输入手机号码</p>
<input type="text" >
<span class="button">查询</span>
<span class="error">号码有误 或 无数据</span>
<ul>
<li class="num">手机号码: <span></span></li>
<li class="province">归属省份: <span></span></li>
<li class="operators">运 营 商: <span></span></li>
</ul>
</div>
<script type="text/javascript" src="query.js" ></script>
<script>
var tel;
var ajax=function(){
//淘宝接口
$.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}$/;//点击查询
$('.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{
$('li span').html('');
$('.error').css('display','block');
}
}
}
});
</script>
转载于:https://www.cnblogs.com/herd/p/5120552.html
jquery使用淘宝接口跨域查询手机号码归属地实例相关推荐
- Jquery利用淘宝接口判断手机运营商和归属地
Jquery利用淘宝接口判断手机运营商和归属地 function findOperator(){var url = "http://tcc.taobao.com/cc/json/mobile ...
- 关于http和https淘宝支付宝跨域解决方法研究
关于http和http跨域淘宝解决方式研究: http://buyer.trade.taobao.com/trade/pay.htm?spm=a1z01.2.3.4.0.wZAGp9&bizO ...
- 【springboot】【若依(ruoyi)】@RestController 接口跨域请求
前言 springboot 2.1.1.RELEASE 360极速浏览器 12.0.1476.0 (正式版本) (32 位) jquery 3.5.0 接口跨域请求有两者方式: jsonp CORS ...
- 前端调用第三方接口跨域问题(淘宝)
前端调用第三方接口跨域问题 百度了好久,大部分的文章都前篇一律的说jsonp跨域,要不就是说配置CROS.看到那种文章出处应该都是一家,心好累.首先来说淘宝目前的接口是不支持jsonp请求的,配置CR ...
- php淘宝接口API查询手机号归属地 __GetZoneResult_
1.调用方法传入 手机号 function get_mobile_provice($mobile){ $ch = curl_init(); $url = "https ...
- 淘宝接口 TopAPi(转)
本文转自delphi盒子:http://www.2ccc.com/article.asp?articleid=6121 感谢作者 废话先不说, 先用D2007写一个Demo, 演示一下调用淘宝的接口, ...
- Nodejs之解决接口跨域问题
Node系列文章 第一章:Node.js与内置模块(fs文件系统.path路径模块.http服务器模块) 第二章:Nodejs模块化(npm与包.开发自己的包.模块加载机制) 第三章:Nodejs之E ...
- 淘宝接口 TopAPi
演示一下调用淘宝的接口,让大家心里有个数, 很简单,新建一个工程,拖一个IDHttp,Button和Memo到窗体上去 然后在这个Button的OnClick事件中写入如下代码: [delphi] v ...
- axios解决调用后端接口跨域问题
vue-cli通过是本地代理的方式解决接口跨域问题的.但是在vue-cli的默认项目配置中这个代理是没有配置的,如果现在项目中使用,必须手动配置config/index.js文件 ... proxyT ...
最新文章
- 并肩XGBoost、LightGBM,一文理解CatBoost!
- jvm 常用调试工具和设置jvm GC方法和指令
- python3程序转python2_python2到python3代码转化:2to3
- 2)机器学习基石笔记Lecture2:Learning to Answer Yes/No
- 命令行参数怎么输入_太好用了!谷歌开源的命令行接口工具fire
- OpenSUSE下支持托盘的邮件客户端Sylpheed
- 搭建微信公共平台的本地测试
- Hive中分组取前N个值
- Linux配置JDK1.7和Resin4.0
- Android 数据Parcel序列化过程源码分析
- intellij 专业版 TomCat9
- 直方图规定化计算过程
- iPhone X改11Pro在线/免越狱QQ空间任意iPhone机型虚拟定位
- 华为跨域bgp_跨域组播---BGP+MSDP
- 《东周列国志》第四十七回 弄玉吹箫双跨凤 赵盾背秦立灵公
- 我打算学计算机学英语,英语人教版八年级上册我打算学习计算机科学.doc
- VMAX数智化体系架构
- 计算机视觉 图像形成 几何图形和变换
- 答题小程序自学(一)
- html游戏让目标人物移动,用仿ActionScript的语法来编写html5——第三篇,鼠标事件与游戏人物移动...