제네릭 함수의 인수를 기반으로 동적으로 ajax 처리기를 추가하십시오.

Question

당신을위한 brainteaser.

이 일반 JS 함수를 작성했습니다. 우리 시스템은 AJAX를 통해 모든 비즈니스 로직을 수행하며 코드를 단일 함수로 통합하므로 코드베이스 전체에 걸쳐 동일한 코드 사본을 3 백만 개 이상 유지 관리 할 필요가 없습니다.

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()에 인수를 전달할 수 있다면 커스텀 핸들러를 실행한다는 것이다.

고마워요.

미디안.

Answer 1

하나 이상의 콜백 인수를 함수에 추가하면 기본 핸들러를 대체하거나 그 외의 메소드 (구현 방법)를 실행할 수 있습니다. 당신이 발신자의 코드는 기본 구현 대신 실행하기를 원한다면이처럼 할 수있는,

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"   
     }); 
     }  
     }  
    }); 
} 

또는 : 여기에 당신이 정의한 기본 동작에 추가하여 실행하는 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) { 
      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

왜 함수 그쪽를 작성하지 않는 당신이

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