Question

为你做脑力训练。

我写过这个通用的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（）的成功，错误和完整处理程序中执行的特定逻辑。我想知道的是，如果可以将参数传递给$ .ajax（）然后它将执行自定义处理程序。

非常感谢。

Midiane。

Answer 1

你可以像这样添加一个或多个回调参数，这些参数将替换你的默认处理程序或执行它们（你选择如何实现它）。以下是除了您定义的默认行为外还执行的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"        
        });
        }      
      }       
    }); 
}

Answer 2

还有一套全局的ajax方法，你想看看

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

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

2 个答案: