大佬教程收集整理的这篇文章主要介绍了jsonp学习三jquery-jsonp,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
为了更加方便的访问远程服务器上面的数据,jQuery进行了封装。下面我们尝试一下对淘宝网手机接口进行访问。
@H_489_5@效果展示: @H_489_5@ 首先我们直接在浏览器中输入
__GetZoneResult_={ mts:'1322222',province:'江苏',catName:'中国联通',telString:'13222222222',areaVid:'30511',ispVid:'137815084',carrier:'江苏联通' }@H_489_5@我们在本地服务器上面进行访问:
<%@pagelanguage="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <% Stringpath=request.getContextPath(); StringbasePath=request.getscheR_935_11845@e()+"://"+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>
以上是大佬教程为你收集整理的jsonp学习三jquery-jsonp全部内容,希望文章能够帮你解决jsonp学习三jquery-jsonp所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。