根据泛型函数中的参数动态添加ajax处理程序

adding ajax handlers dynamically based on arguments in generic function

本文关键字：添加 动态 ajax 处理 程序 参数 泛型 函数      更新时间：2023-09-26

给你的脑筋急转弯。

我已经编写了这个通用的JS函数。我们的系统通过AJAX完成所有的业务逻辑，我将代码合并为一个函数，这样我就不必在整个代码库中更新或维护300多万个相同的代码副本。

doRequest = function (data,msgBoxElem,origin) {
$.ajax({
  type: "POST",
  url: window.dispatcher_addr,
  data: data,
  dataType: "xml",
  contentType: "text/xml",
  processData: false,      
  success: function(xml) {
    $(msgBoxElem).html(xml.documentElement.getAttribute("msg"));
    location.reload();
  },
  error:function (xhr, ajaxOptions, thrownError){ if (thrownError != 200) {
    var Data = new Array();
    Data["errorcode"]       = xhr.status;
    Data["errortext"]       = thrownError;
    Data["calling_script"]  = origin;
    $.ajax({
      type: "POST",
      url: window.dispatcher_addr,
      data: CreatePayLoad('jslogerror',Data),
      dataType: "xml"        
    });
    }      
  }

})；}

现在，有些页面有特定的逻辑，可以在$.ajax（）的成功、错误和完成处理程序中执行。我想知道的是，如果可以将参数传递给$.ajaxs（），那么它将执行自定义处理程序。

非常感谢。

米甸。

您可以像这样向函数添加一个或多个回调参数，这些参数将替换默认处理程序或在它们之外执行（您可以选择如何实现它）。下面是一个fnSuccess回调的例子，它除了您定义的默认行为之外还执行：

doRequest = function (data,msgBoxElem,origin,fnSuccess) {
    $.ajax({
      type: "POST",
      url: window.dispatcher_addr,
      data: data,
      dataType: "xml",
      contentType: "text/xml",
      processData: false,      
      success: function(xml) {
        $(msgBoxElem).html(xml.documentElement.getAttribute("msg"));
        fnSuccess();
        location.reload();
      },
      error:function (xhr, ajaxOptions, thrownError){ if (thrownError != 200) {
        var Data = new Array();
        Data["errorcode"]       = xhr.status;
        Data["errortext"]       = thrownError;
        Data["calling_script"]  = origin;
        $.ajax({
          type: "POST",
          url: window.dispatcher_addr,
          data: CreatePayLoad('jslogerror',Data),
          dataType: "xml"        
        });
        }      
      }       
    }); 
}

或者，如果您希望调用方的代码执行而不是默认实现，您可以这样做：

doRequest = function (data,msgBoxElem,origin,fnSuccess) {
    $.ajax({
      type: "POST",
      url: window.dispatcher_addr,
      data: data,
      dataType: "xml",
      contentType: "text/xml",
      processData: false,      
      success: function(xml) {
          if (fnSuccess) {
              fnSuccess(xml);
          } else {
              $(msgBoxElem).html(xml.documentElement.getAttribute("msg"));
              location.reload();
          }
      },
      error:function (xhr, ajaxOptions, thrownError){ if (thrownError != 200) {
        var Data = new Array();
        Data["errorcode"]       = xhr.status;
        Data["errortext"]       = thrownError;
        Data["calling_script"]  = origin;
        $.ajax({
          type: "POST",
          url: window.dispatcher_addr,
          data: CreatePayLoad('jslogerror',Data),
          dataType: "xml"        
        });
        }      
      }       
    }); 
}

您还想了解的一套全局ajax方法

http://api.jquery.com/category/ajax/global-ajax-event-handlers/

相关文章：