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

Adding own javascript function in ASP.NET AJAX function?

本文关键字：函数 javascript ASP 自己的 NET 添加 AJAX      更新时间：2023-09-26

在我正在构建的页面上，我有四个按钮显示/隐藏（visible="true" || visible="false"）某些div。我想要的是，在调用 AJAX 函数之前，调用我自己的自定义函数，它将当前可见div 的不透明度动画化为零，然后显示加载图像，最后在 AJAX 函数完成后调用另一个自定义函数，该函数将"待"显示的div 从零不透明度到 1 和从左到右进行动画处理。我试图完成的是网页中的Windows Phone 7效果。那么，有什么想法我该怎么做吗？

如果您使用的是 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.");
    }

您可以通过在代码中编写自定义 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 
  }
}
相关文章：