您好,匿名用户
随意问技术百科期待您的加入

用隐藏的img,通过src的调用后台逻辑有什么好处?

0 投票

发现有些web程序中会在页面中放置一个隐藏的img,然后把它的src设置为调用后台业务逻辑的url。这样做有什么好处?和加载页面后通过javascript发起一个ajax请求有什么区别吗?

用户头像 提问 2012年 12月1日 @ Wukong 上等兵 (475 威望)
分享到:

1个回答

0 投票
 
最佳答案

英文术语叫:image beacon
在Google 的 Make the Web Faster 的 #Track web traffic in the background 中有提到。

主要应用于只需要向服务器发送数据(日志数据)的场合,且无需服务器有消息体回应。比如收集访问者的统计信息。

一般做法是服务器用一个1x1的gif图片来作为响应,当然这有点浪费服务器资源。因此用header来响应比较合适,目前比较合适的做法是服务器发送"204 No Content",即“服务器成功处理了请求,但不需要返回任何实体内容”。

另外该脚本的位置一般放在页面最后以免阻塞页面渲染,并且一般情况下也不需要append到DOM中。通过它的onerror和onload事件来检测发送状态。

<script type="text/javascript">
 var thisPage = location.href;
 var referringPage = (document.referrer) ? document.referrer : "none";
 var beacon = new Image();
 beacon.src = "http://www.example.com/logger/beacon.gif?page=" + encodeURI(thisPage)
 + "&ref=" + encodeURI(referringPage);
</script>

这样做和ajax请求的区别在于:
1.只能是get请求,因此可发送的数据量有限。
2.只关心数据是否发送到服务器,服务器不需要做出消息体响应。并且一般客户端也不需要做出响应。
3.实现了跨域。

用户头像 回复 2012年 12月1日 @ Tryndamere 上等兵 (325 威望)
选中 2012年 12月1日 @Wukong
提一个问题:

相关问题

0 投票
1 回复 57 阅读
用户头像 提问 2012年 12月1日 @ Rammus 上等兵 (334 威望)
0 投票
1 回复 588 阅读
用户头像 提问 2012年 12月1日 @ Evelynn 上等兵 (244 威望)
0 投票
1 回复 29 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...