jsonp

jsonp是JSON with padding(填充式JSON或参数式JSON) 的简写,是应用JSON的一种新方法,在后来的Web服务中非常流行。jsonp看起来和json差不多,只不过是被包含在函数调用中的json。

callback({"name":"hwc"});

JSONP由两个部分组成:回调函数和数据。回调函数就是当响应到来时应该在页面中调用的函数。回调函数的名字一般是在请求中指定。而数据就是传入回调函数中JSON数据。下面是一个典型的JSONP请求:

http://freegeoip.net/json/?callback=handleResponse

这个url是在情求一个JSONP地理定位服务。通过查询字符串来指定JSONP服务的回调参数是很常见的,就像上面的url所示,这里指定的回调函数名字handleResponse()。
JSONP是通过动态

function handleResponse(response){
	console.log("你的ip地址"+response.ip+"所在地"+response.city+","+response.region_name);
}
var script = document.createElement("script");
script.src="http://freegeoip.net/json/?callback=handleResponse";
document.body.insertBefore(script,document.body.firstChild);

这个例子通过查询地理定位服务来显示你的IP地址和位置信息。
JSONP的优点:它能够直接访问响应文本,支持在浏览器和服务器中的双向通信。
JSONP的缺点:
JSONP是从其他域中加载代码执行。如果其他域不安全,很可能会在响应中夹带一些恶意代码,而此时除了完全放弃JSONP调用之外,没有办法追究。因此在使用不是你自己运维Web服务时一定要确保它的安全可靠
其次,要确定JSONP请求是否失败并不容易。虽然HTML5给 script元素新增一个onerror事件处理程序,但目前还没有得到任何浏览器支持。为此,开发人员不得不使用计时器检测指定时间内是否接收到来响应。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值