• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery使用淘宝接口跨域查询手机号码归属地实例

jquery使用淘宝接口跨域查询手机号码归属地实例

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了淘宝接口,手机号码归属地,跨域等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

<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>

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jquery使用淘宝接口跨域查询手机号码归属地实例

相关文章

  • jquery插件开发注意事项小结
  • 详解jQuery UI库中文本输入自动补全功能的用法
  • jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
  • jQuery 获取select选中值及清除选中状态
  • jquery实现横向图片轮播特效代码分享
  • jquery ajax 调用失败的原因示例介绍
  • jQuery的ajax中使用FormData实现页面无刷新上传功能
  • jQuery图片特效插件Revealing实现拉伸放大
  • 浅谈jquery的html方法里包含特殊字符的处理
  • 轻松实现jQuery添加删除按钮Click事件

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 使用jQuery获取data-的自定义属性
    • jquery 锁定弹出层实现代码
    • jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
    • jQuery实现优雅的弹窗效果(6)
    • jQuery图片左右滚动代码 有左右按钮实例
    • JQuery为textarea添加maxlength属性的代码
    • jQuery中prevAll()方法用法实例
    • jQuery弹出层插件popShow用法示例
    • JQuery操作单选按钮以及复选按钮示例
    • JQuery 学习笔记 选择器之三

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有