jquery使用淘寶接口跨域查詢手機號碼歸屬地

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

<script> css


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

                $('.num span').html(num);
                $('.province span').html(province);
                $('.operators span').html(operators);
             },
             error:function (){    
                $('li span').html('');
                $('.error').css('display','block');        
             } www.jbxue.com
         });
    }
    java

    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');    
            }
        }
    }); jquery

    //鍵盤事件
    $(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');    
                }
            }
        }
    }); ajax

</script> json

相關文章
相關標籤/搜索