Question

My question is what is condition for the OnFailure callback to be called , how does the runtime know the ajax call is failed (the ajax helper use some http response status code to indicate that? what it would be then?).
And if the html of UpdateTargetId is updated no matter the ajax call is failed or success, then how should I handle the error properly then. Very confused…

Answer 1

 <script type="text/javascript">
        function OnSuccess() {
            alert('Success');
        }
        function OnFailure(ajaxContext) {
            var response = ajaxContext.get_response();
            var statusCode = response.get_statusCode();
            alert('Failure');
            Here you can do whatever you want with the div.
            $('#targetDiv').empty();
        }
    </script>
    <div id="targetDiv">
    @using (Ajax.BeginForm("Index", "Home", 
      new AjaxOptions 
           { 
             UpdateTargetId = "targetDiv",
             OnSuccess ="OnSuccess",
             OnFailure ="OnFailure" 
           })
      {
        ... 
      }
  </div>