javascript - 在 ASP.NET AJAX 函数中添加自己的 javascript 函数？

Question

在我正在构建的页面上，我有四个按钮可以显示/隐藏（可见 =“真”|| 可见 =“假”）某些 div。我想要的是在调用 AJAX 函数之前，调用我自己的自定义函数，它将当前可见 div 的不透明度动画为零，然后显示加载图像，最后在 AJAX 函数完成后调用另一个自定义函数，它动画“到be" 显示从零不透明度到 1 并从左到右的 div。我想要完成的是网页中的 windows phone 7 类效果。那么，有什么想法可以做到吗？

Answer 1

如果您使用的是 Asp.net ajax，那么您可以按照以下步骤来实现

使用这些语句注册您的 javascript 方法。

    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandle);
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandle);

注册方法的定义

    function beginRequestHandle(sender, Args)
    {
        alert("Begin Request Handle called.");
    }

    function endRequestHandle(sender, Args)
    {
      alert("End Request Handle called.");
    }

Answer 2

您可以通过在代码中编写自定义 ajax 处理程序来做到这一点。例如，在您的 cs 文件中：

[WebMethod]
public static bool CustomAjaxMethod(string arg)
{
  // do work
  return true;
}

然后，在您的 aspx 文件中：

<input type="button" value="Do Ajax Call" onclick="doWork();" />

在javascript中：

function doWork() {
  // do your 1st animation here
  PageMethods.CustomAjaxMethod('foo', callback);
}

function callback(result, userContext, methodName) {
  if (methodName == 'CustomAjaxMethod') {
    // may want to check result here
    // do your 2nd animation here 
  }
}