利用js实现页面关闭时发送http请求

最新推荐文章于 2024-03-29 15:13:01 发布

sunlylorn

最新推荐文章于 2024-03-29 15:13:01 发布

阅读量2.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： Web开发文章标签： function firefox object mozilla 浏览器 ie

本文链接：https://blog.youkuaiyun.com/sunlylorn/article/details/6603023

本文探讨如何利用JavaScript在页面关闭时发送HTTP请求，但遇到IE和Firefox下请求被中止的问题。通过代码示例，展示了实现过程，并提供了问题截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、背景
假设有一个图片浏览的网页，每日pv量大概在80,000,000左右，uv量在3,000,000左右，现需要统计每张图片的pv量。
二、方案
方案1 每浏览一张图片，发送图片id和浏览数量到后台，并记录到数据库（可能会涉及到缓存机制，比如Memcache）
方案2 在页面中用js记录用户访问每张图片的次数，在用户关闭网页或刷新页面时，发送图片id和浏览数量到后台，并记录到数据库（可能会涉及到缓存机制，比如Memcache）
分析：
方案1中，需要发送大概80,000,000次（pv量）数据到后台，而方案2中只需要发送3,000,000次（uv量）数据，降低了1个数量级，这大大减轻了接入层机器的负载
三、实现
采用方案2。需要根据用户的关闭网页行为做js事件触发，此处我们用到onbeforeunload事件。

代码如下：

<script>
var g_img_pv = {};	//用于记录图片id和点击次数

function Fempty(v){
	if(v!=null && (typeof(v)=='object' || typeof(v)=='function')) return false;
	return ((""==v || undefined==v || null==v)?true:false);
}
function FaddEvent(e,evt,fn,isID)
{
	if(isID==true) e=Fid(e);
	if(!Fempty(e.attachEvent) && (typeof(e.attachEvent)=="function" || typeof(e.attachEvent)=="object"))
		e.attachEvent("on"+evt,fn);
	else if(!Fempty(e.addEventListener)