如何实现超快的 ASP.NET AJAX 回调/PageMethods

Question

我正在设计一个 ASP.NET Web 应用程序 (.NET 4.0)，它基本上有一个页面应该每 1-2 秒与后面的代码进行交互（使用客户端回调或通过 ScriptManager 或 jQuery.ajax 的 PageMethods）它会托管在 Intranet 上，因此 1-2 秒的刷新率是合理的。

1. 我怎样才能让页面及时访问后面代码中的网络服务/页面方法（例如每 1 秒）。我应该使用javascript计时器（我对javascrip不太熟悉）吗？

2. 虽然网站托管在 Intranet 上，但我仍然需要实施一种好的方法来达到所需的刷新率。每次交互传输的数据量约为 1KB。 您对我的设计有什么建议？（使用回调或 ScriptManager 或 jQuery.ajax，...我应该避免的任何陷阱）

谢谢。

Answer 1

使用任何一种方法，每 1-2 秒 1kb 的请求都是合理的。如果您正在处理快速网络/服务器，那么什么都不做的页面方法或 Web 服务（它们在底层几乎相同）将在几毫秒内做出响应。

限制因素将是您的服务器端方法的主体需要多长时间才能完成（即，如果它涉及数据库或外部服务，这会比服务的开销更慢）。

Answer 2

我使用 Web 服务，因为它们要快得多。但是如果你使用 UpdatePanels，Webservices 是没用的。另外我想说的是，您不应该每 x 秒更新一次页面，但首先要询问是否有更新要做。这节省了很多;-)

这可能是一个小例子，我没有尝试过，但曾经这样工作过。是ms ajax版本，需要scriptmanager

Type.registerNamespace("myproject");

myproject.updateControl = function () {
    myproject.updateControl.initializeBase(this);
    this._xhr = null;
    this._updating = false;
    this._timer = null;
}

myproject.updateControl.prototype = {
    initialize: function () {
        myproject.updateControl.callBaseMethod(this, 'initialize');
        this.startTimer();
    },
    startTimer: function () {
        if (this._timer) clearTimeout(this._timer);
        this._timer = setInterval(Function.createDelegate(this, this._timerWork), 2000);
    },
    stopTimer: function () {
        clearTimeout(this._timer);
        this._timer = null;
    },
    _timerWork: function () {
        if (this._updating || !this._checkXhr()) return;
        this._xhr = Sys.Net.WebServiceProxy.invoke("myServicePath Or null if PageMethod", "checkForUpdate",
         false,
         null,
         Function.createDelegate(this, this._onCheckedUpdate));

    },
    _onCheckedUpdate: function (data) {
        this._xhr = null;
        if (data.needsUpdate) {
            this._update();
        }
    },
    _udpate: function () {
        if (!this._checkXhr) return;
        this._updating = true;
        this._xhr = Sys.Net.WebServiceProxy.invoke("servicepath", "updateMe", false, { param: param }, Function.createDelegate(this, this._updateSucces));
    },
    _updateSuccess: function (data) {
        alert("yeah i´m get updated");
        this._updating = false
        this._xhr = null;

    },
    _checkXhr: function () {

        if (this._xhr()) {
            if (confirm("There is an active call to the Server. If you wait to long, it may have been broken. Do you want to Abort the current call?")) {
                this._xhr.get_executor().abort();
                this._xhr = null;
                return true;
            } else {
                return false;
            }
        }

        return true;

    },
    dispose: function () {
        myproject.updateControl.callBaseMethod(this, 'dispose');
    }
}

myproject.updateControl.registerClass('myproject.updateControl', Sys.Component);

用法

$create(myproject.updateControl);

或

var upd = new myproject.updateControl();
upd.initialize();

Answer 3

客户端的“计时器”是个坏主意。您可以使用setInterval(method, timespan) 强制每 n 毫秒调用一次，但如果服务器得到备份，您可以开始堆叠请求，您将开始获得无序响应（即使在非慢速网络上）。

我建议在调用处理逻辑中的 ajax 代码中使用 setTimeout(method, timespan) 来设置下一次调用。

示例（使用 jQuery）：

function getStuff()
{
  $.get(
    'myurl.aspx?r=' + Math.random(), // stop caching issues
    function(data) {
      $('#myDiv').html(data);
      setTimeout(getStuff, 2000); // you might want to set this to 1900 if you need it closer to every 2 seconds  
    }
  );
}
setTimeout(getStuff, 2000); // the initial timer initialization