javascript - 如何使用 HTML 图像请求将数据发送到服务器，或返回数据作为响应

Question

我在 javascript 中创建像素图像，方法是创建图像标记并将其注入(inject) DOM。

标签看起来像这样:

<img style="height:0;visibility:hidden;display:none;" src="http://xyz.com/pixel.aspx">

如您所见，此标记实际上将调用一个 ASP.Net 页面，该页面将进行一些处理并像这样写回一个像素:

byte[] _imgbytes = Convert.FromBase64String("R0lGODlhAQABAIAAANvf7wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
Response.ContentType = "image/gif";
Response.AppendHeader("Content-Length", _imgbytes.Length.ToString());
Response.Cache.SetLastModified(DateTime.Now);
Response.Cache.SetCacheability(HttpCacheability.Public);
Response.BinaryWrite(_imgbytes);

我需要的是一种将一小段数据(在像素请求之前在 javascript 中生成的 GUID 值)传递给服务器或将一些数据(在像素 aspx 代码中生成的不同 GUID)传递回服务器的方法浏览器以一种可以被 javascript 获取的方式。

注意事项:

1. 不能使用查询字符串，因为像素需要可缓存，如果查询字符串不同，像素将不会在后续请求中从浏览器缓存中提取(文件名将不同)。
2. 无法使用 cookie，像素请求位于与应用程序不同的根域，并且需要它在第三方 cookie 被禁用的情况下工作。
3. 不能使用 AJAX，因为不想担心跨域问题

Answer 1

使用 http://xyz.com/pixel.aspx/your-guid-here。然后只需配置您的网络服务器和/或应用程序，这样它就不会导致 404 错误，而是执行您的 aspx 代码。