C# 什么'；异步发布此数据以及取消/排队新请求的正确方法是什么？

我试图提高我创建的web仪表板的稳定性。我注意到，进入不良状态的主要原因是用户移动太快，请求被打断

例如，我有以下javascript：

//When a resize occurs a lot of handling needs to happen to convert the user's action into
//a visibly-pleasing result. In addition, the server has to be spoken with in order to save the controls.
function OnClientResizing(pane, eventArgs) {
    eventArgs.set_cancel(true);
    var parameters = new Array();
    parameters.push("Resize");
    parameters.push(pane.get_id());
    parameters.push(eventArgs.get_delta());
    __doPostBack(pane.get_splitter()._uniqueID, parameters);
}

此函数将繁重的工作传递回服务器，以便在调整大小期间计算调整页面上控件大小的适当方法。这需要X秒。如果用户在X秒之前再次调整页面大小，我将进入错误状态。要么旧请求被提前切断，要么新请求同时运行。无论哪种方式，控件在页面上都会变得很糟糕

因此，我想对将来的大小调整进行排队，或者处理取消当前请求的问题。我读到这样做的最好方法是在这个函数的范围之外设置一个标志。我可以这样做，但我不知道如何检测doPostBack的结尾。我是否应该在PageRequestManager-EndRequest中以某种方式从服务器端更改javascript变量

---

干杯

首先，不要让服务器参与UI调整算法。这样做完全是客户端的。您可以随时将结果数据发送到服务器，但不要使实时UI定位依赖于服务器响应。这应该通过CSS或javascript逻辑在客户端进行处理

其次，如果您的代码不能同时处理两个正在运行的ajax调用，那么您的选项如下：

修复代码，使其能够同时处理飞行中的连续ajax响应

在发送第二个ajax响应时取消/忽略第一个ajax响应，以便忽略第一个响应并等待第二个响应

阻止第二个ajax请求，直到第一个请求完成。我不建议他们排队，因为那样只会导致更糟糕的用户体验

如何执行1、2或3的细节取决于您尚未共享的代码的工作方式

最简单的是选项3）。只需要一个全局标志就可以做到这一点。只需定义一个全局变量，在启动ajax调用时将其设置为true，并在ajax调用完成时将其清除（在完成函数中）：

---

您还必须确保错误条件得到处理，以便在ajax调用因任何原因失败时重置全局标志。

我一定要弄清楚为什么服务器需要参与调整布局的大小。这似乎需要重新思考。布局应完全由客户端处理。如果您想将新布局保存到服务器或将一些数据发送到服务器，这很好，但是为什么要让UI依赖服务器响应来调整自身大小呢。这听起来像是一个导致用户体验不佳的设计决策。：）感谢您的快速响应。我完全同意您关于为UI相关任务向服务器假冒工作的意见，但我从Telerik控件继承了一个问题，如果我不应用我所做的解决方案，这将完全取消它们的可用性。我希望在转向MVC时解决这个问题。我会看一看你建议的解决方案，当我知道更多关于我的选择时再回信。再次感谢。

var ajaxInFlight = false;  // global declaration

function OnClientResizing(pane, eventArgs) {
    if (ajaxInFlight) return;    // do nothing if ajax call already in flight
    ajaxInFlight = true;
    eventArgs.set_cancel(true);
    var parameters = new Array();
    parameters.push("Resize");
    parameters.push(pane.get_id());
    parameters.push(eventArgs.get_delta());
    __doPostBack(pane.get_splitter()._uniqueID, parameters);
}

function postBackCompletionHandler(id, parms) {
    ajaxInFlight = false;               // clear global flag, ajax call done
   // ... rest of your function here
}