为了更加方便的访问远程服务器上面的数据,jQuery进行了封装。下面我们尝试一下对淘宝网手机接口进行访问。
效果展示:
首先我们直接在浏览器中输入
https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13222222222
结果得到远程服务器返回的json数据格式如下
__GetZoneResult_={ mts:'1322222',province:'江苏',catName:'中国联通',telString:'13222222222',areaVid:'30511',ispVid:'137815084',carrier:'江苏联通' }
我们在本地服务器上面进行访问:
<%@pagelanguage="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <% Stringpath=request.getContextPath(); StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort() +path+"/"; %> <!DOCTYPEhtml> <html> <head> <scripttype="text/javascript"src="js/jquery-1.10.2.js"></script> <scripttype="text/javascript"> functiongetData(){ varcity=$("#phone").val(); $.ajax({ type:"get",async:false,url:"http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel="+phone,dataType:"jsonp",jsonp:"callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 success:function(json){ $('#result').html(''); $('#result').html(json.catName+"---"+json.province); },error:function(){ alert('fail'); } }); } </script> </head> <body> <inputtype="text"id="phone"/> <buttononclick="getData();">搜索</button> <spanid="result"></span> </body> </html>