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>


Related articles: