javascript - 你如何设置一个 Javascript attachEvent 来监听来自服务器的数据？

Question

我有一个使用 Javascript 的页面，其中我需要一个函数来监听从服务器接收的数据。基本上，只要它到达服务器，我就需要触发该函数。

这看起来非常简单 - 但到目前为止，我尝试过的任何东西都不起作用。

我知道我的基本设置是正确的 - 因为我可以让它监听鼠标松开、鼠标按下和加载 - 但当它从服务器发送或接收数据时什么也没有。

例如，这行得通...

document.attachEvent('onmouseup', function(event) {
   alert("mouse released!");        
});

这也是...

window.attachEvent('onload', function(event) {
   alert("page loaded!");       
});

然而，这些都没有...

document.attachEvent('onreceive', function(event) {
   alert("data received!");         
});

window.attachEvent('onreceive', function(event) {
   alert("data received!");         
});

document.attachEvent('onpost', function(event) {
   alert("data posted!");       
});

window.attachEvent('onpost', function(event) {
   alert("data posted!");       
});

document.attachEvent('onmessage', function(event) {
   alert("data posted!");       
});

window.attachEvent('onmessage', function(event) {
   alert("data posted!");       
});

有什么建议吗？

提前致谢!

Answer 1

我认为没有办法，根据 addEventListener specification :

The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on. The event target may be an Element in a document, the Document itself, a Window, or any other object that supports events (such as XMLHttpRequest).

事实上，您可以通过搜索 event reference list here 来查看它.

---

显然，您需要:

• (a.) 在每次调用 ajax 之前和之后手动调用处理函数；或
• (b.) 使用 javascript 框架进行 ajax 调用(因此它会为您完成手动工作)

如果您选择 (b.):

• 周围有很多框架，但我在这里建议使用 jQuery 或 AngularJs。

  • 你可以找到有趣的free courses here¹如果你需要他们的一些介绍

• 如果你选择jQuery :

  • 使用ajaxSuccess用于处理所有响应
  • 设置全局beforeSend在 ajaxSetup用于处理所有请求

• 如果你选择AngularJS :

  • 使用Interceptors在全局处理响应和请求时
  • 还有一个不错的angular interceptor tutorial

_{¹ 我不在链接的类(class)网站工作。我把它贴在这里作为个人建议。}