归属地API 查询 js写法

input 输入 11位手机号后 显示手机归属地 根据API 查询怎么写

  <input name="tel" id="tel" type="text" class="sforinwidt" placeholder="请填写正确联系方式." value="$_SESSION["shouji"]?>"  onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" oninput="if(value.length>11)value=value.slice(0,11)" onblur="checkInput()" />

// js部分
    <script type="text/javascript">
        function checkInput() {
            var con = document.getElementById('tel').value; //获取输入框的内容
            var reg = /^\d{1,10}$/; //正规表达式对象
            
            
            var url = 'https://www.baifubao.com/callback?cmd=1059&callback=phone&phone='+con;
            //alert('phone&phone='+con);
 
    var pp = ''
    $.ajax({
        url:'https://www.baifubao.com/callback?cmd=1059&callback=phone&phone='+con,
         
        type:'GET',
         contentType:"application/json",
        
 
        dateType:"json",

        success:function(data){
             
            pp = data.area_operator;
        }
    });
    alert("DATA"+pp);
 
        }
        
 
    script>

老是报错 ** (失败)net::ERR_FAILED**

浏览器地址栏直接访问都可以。

你这种方式访问接口有跨域的问题。咨询一下接口的提供方是否允许跨域。

另外直接在浏览器查看，接口返回的结果不是一个JSON格式，需要把外层的字符和括号处理一下。

你用浏览器可以直接查看，如果用curl命令就会发现接口返回结果有问题。