Javascript 全局数组在 PageMethod 的 OnSuccess 函数中未定义？

Question

我有多个用户控件使用页面方法异步加载到我的页面上。某些下拉列表会导致这些用户控件异步回调，并且用户控件会重新加载修改后的内容。我们这样做有我们的理由。

但是，目前我们的用户必须等待这些用户控件加载才能更改下拉列表中的选择。为了提供更好的用户体验，我尝试中止之前尚未加载的请求。

我试图维护一个未完成的异步请求执行器的全局 js 数组，以确保仅加载每个用户控件的最新请求。换句话说，我想取消对尚未加载的特定用户控件的先前请求，并优先考虑对该用户控件的最新请求。

我遇到的问题是，当执行 OnSuccess 函数时，全局数组尚未定义。

我是否以错误的方式处理这件事？到底是什么是我不知道的？

任何帮助将不胜感激。

这是我的代码的简化示例：

var outstanding_requests; 

$.fn.remove_or_item = function (val, col) { 
    var arr1 = $(this); 
    var arr2 = new Array(); 
    $.each(arr1, function (k, v) { 
        if (v[col] != val) { arr2.push(v); } 
        else if (v[1].get_started()) { v[1].abort(); } 
    }); 
    return arr2; 
}

$.fn.find_or_item = function (val, col) { 
    var item; 
    var arr1 = $(this); 
    $.each(arr1, function (k, v) { 
        if (v[col] == val) { item = v; return false; } return true; 
    }); 
    return item; 
}

function RunMyPageMethod(panelname) {
    var request; //current request object
    if (outstanding_requests == undefined) { outstanding_requests = new Array(); }
    outstanding_requests = $(outstanding_requests).remove_or_item(panelname, 0);
    request = PageMethods._staticInstance.LoadUserControl(panelname, PageMethodSuccess, PageMethodFailure);
    outstanding_requests.push([panelname, request.get_executor()]);
}

function PageMethodSuccess(result, userContext, methodName) {
    var panelname = result.split("|")[0];
    //here outstanding_requests is undefined
    if($(outstanding_requests).find_or_item(panelname,0))
    {
        outstanding_requests = $(outstanding_requests).remove_or_item(panelname, 0);
        //load usercontrol
    }
}

Answer 1

js中数组是通过引用传递的。这样做的好处是，我可以看到数组处于点击 OnSuccess 函数时的状态，而不是调用 pagemethod 时的状态。至少我认为这就是它有效的原因。我需要传递给 OnSuccess 函数的数组的引用。我最终使用上面显示的最后两个函数来完成此操作，效果很好。

function RunMyPageMethod(panelname) {
    var request; //current request object
    if (outstanding_requests == undefined) { outstanding_requests = new Array(); }
    outstanding_requests = $(outstanding_requests).remove_or_item(panelname, 0);
    request = PageMethods._staticInstance.LoadUserControl(panelname,function(result,userContext,methodName){ PageMethodSuccess(result,userContext,methodName,outstanding_requests); }, PageMethodFailure);
    outstanding_requests.push([panelname, request.get_executor()]);
}

function PageMethodSuccess(result, userContext, methodName, outstanding_requests) {
    var panelname = result.split("|")[0];
    if($(outstanding_requests).find_or_item(panelname,0))
    {
        outstanding_requests = $(outstanding_requests).remove_or_item(panelname, 0);
        //load usercontrol
    }
}