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

发布时间：2023-08-05 14:33:15 所属栏目：教程来源：

导读：代码如下:

<h1>手机号码归属地查询</h1>

<div class="outer">

<p>请输入手机号码</p>

<input type="text" >

<span class="button">查询</span>

代码如下:

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

             },

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!