javascript - 从 javascript 在服务器上创建日志条目的最有效方法是什么？

Question

假设我有一个脚本需要在服务器上记录一些内容。我有一个像 http://myServer.com/recordLog 这样的端点我可以用一些参数来实现它，它就会创造一个记录。一些注意事项:

• 我可以控制服务器返回的内容
• 这种情况每天会发生数百万次。
• 效率至关重要。
• 该脚本可能是从另一台服务器并在 iframe 内加载的，因此存在浏览器安全问题。
• 我根本不关心大家的 react 。即使出现沟通故障，我也不会采取任何措施。
• 我无法执行任何影响页面其余部分状态的操作。

我的第一个想法是进行 ajax 调用——这似乎是“现代”、“正确”的方法。但是，在某些情况下，这可能会引发跨域安全问题。

我的另一个想法是加载 1x1 像素图像或空 <script>进入内存。像这样的东西:

var i = new Image;
i.src = "http://myserver.com/recordLog?foo=bar&baz=buz"; // returns 1x1 gif

或者:

// this is similar to ajax-p, I suppose
var s = document.createElement('script');
s.type= 'text/javascript';
s.src= "http://myserver.com/recordLog?foo=bar&baz=buz"; // returns empty text file

我很确定没有必要将图像或脚本放入 DOM 中。仅设置 src 就会导致浏览器发出请求。

这两个非常相似。一般标准似乎是使用像素，但我认为这是一个保留。我认为空脚本传输起来会稍微小一些。两者有何优点？

还有其他想法/方法吗？我没有想到任何隐藏的问题(例如，也许古老的浏览器无法按预期工作)？

Answer 1

我没有看到这个问题:

var xhr = new XMLHttpRequest;
xhr.open( 'GET', 'http://myserver.com/recordLog?foo=bar&baz=buz' );
xhr.send();