jQuery Ajax-foutafhandeling, aangepaste uitzonderingsberichten weergeven

error:function (xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
      }

Antwoord 9, autoriteit 4%

Ik vond dit leuk omdat ik het bericht dat ik vanaf de server stuurde, kon ontleden en een vriendelijk bericht aan de gebruiker kon weergeven zonder de stacktrace…

error: function (response) {
      var r = jQuery.parseJSON(response.responseText);
      alert("Message: " + r.Message);
      alert("StackTrace: " + r.StackTrace);
      alert("ExceptionType: " + r.ExceptionType);
}

Antwoord 10, autoriteit 2%

Dit wordt waarschijnlijk veroorzaakt doordat de JSON-veldnamen geen aanhalingstekens hebben.

Wijzig de JSON-structuur van:

{welcome:"Welcome"}

naar:

{"welcome":"Welcome"}

Antwoord 11, autoriteit 2%

Deze functie genereert in feite unieke willekeurige API-sleutels en als dit niet het geval is, verschijnt er een pop-upvenster met een foutmelding

In weergave:

<div class="form-group required">
    <label class="col-sm-2 control-label" for="input-storename"><?php echo $entry_storename; ?></label>
    <div class="col-sm-6">
        <input type="text" class="apivalue"  id="api_text" readonly name="API" value="<?php echo strtoupper(substr(md5(rand().microtime()), 0, 12)); ?>" class="form-control" />                                                                    
        <button type="button" class="changeKey1" value="Refresh">Re-Generate</button>
    </div>
</div>
<script>
$(document).ready(function(){
    $('.changeKey1').click(function(){
          debugger;
        $.ajax({
                url  :"index.php?route=account/apiaccess/regenerate",
                type :'POST',
                dataType: "json",
                async:false,
                contentType: "application/json; charset=utf-8",
                success: function(data){
                  var result =  data.sync_id.toUpperCase();
                        if(result){
                          $('#api_text').val(result);
                        }
                  debugger;
                  },
                error: function(xhr, ajaxOptions, thrownError) {
                  alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                }
        });
    });
  });
</script>

Van controller:

public function regenerate(){
    $json = array();
    $api_key = substr(md5(rand(0,100).microtime()), 0, 12);
    $json['sync_id'] = $api_key; 
    $json['message'] = 'Successfully API Generated';
    $this->response->addHeader('Content-Type: application/json');
    $this->response->setOutput(json_encode($json));
}

De optionele callback-parameter specificeert een callback-functie die moet worden uitgevoerd wanneer de load()-methode is voltooid. De callback-functie kan verschillende parameters hebben:

Type: Functie( jqXHR jqXHR, String textStatus, String errorThrown )

Een functie die moet worden aangeroepen als de aanvraag mislukt.
De functie ontvangt drie argumenten: Het jqXHR (in jQuery 1.4.x, XMLHttpRequest) object, een tekenreeks die het type fout beschrijft dat is opgetreden en een optioneel uitzonderingsobject, als er een is opgetreden. Mogelijke waarden voor het tweede argument (naast null) zijn “time-out”, “error”, “abort” en “parsererror”. Wanneer een HTTP-fout optreedt, ontvangt errorThrown het tekstgedeelte van de HTTP-status, zoals ‘Niet gevonden’ of ‘Interne serverfout’. Vanaf jQuery 1.5 kan de foutinstelling een reeks functies accepteren. Elke functie wordt om de beurt aangeroepen. Opmerking: deze handler wordt niet aangeroepen voor cross-domain script en cross-domain JSONP-verzoeken.

Antwoord 12, autoriteit 2%

Je hebt een JSON-object van de gegooide uitzondering, in het xhr-object. Gebruik gewoon

alert(xhr.responseJSON.Message);

Het JSON-object geeft twee andere eigenschappen weer: ‘ExceptionType’ en ‘StackTrace’

Antwoord 13

Ik geloof dat de Ajax-responshandler de HTTP-statuscode gebruikt om te controleren of er een fout is opgetreden.

Dus als je gewoon een Java-uitzondering op je server-side code gooit, maar het HTTP-antwoord heeft geen 500 statuscode jQuery (of in dit geval waarschijnlijk de XMLHttpRequestobject) gaat er gewoon van uit dat alles in orde was.

Ik zeg dit omdat ik een soortgelijk probleem had in ASP.NET, waarbij ik iets als een ArgumentException (“Weet niet wat ik moet doen…”) gooide, maar de fouthandler startte niet.

Vervolgens stelde ik de Response.StatusCodein op 500 of 200, of ik nu een fout had of niet.

Antwoord 14

jQuery.parseJSON is handig voor succes en fouten.

$.ajax({
    url: "controller/action",
    type: 'POST',
    success: function (data, textStatus, jqXHR) {
        var obj = jQuery.parseJSON(jqXHR.responseText);
        notify(data.toString());
        notify(textStatus.toString());
    },
    error: function (data, textStatus, jqXHR) { notify(textStatus); }
});

Antwoord 15

$("#save").click(function(){
    $("#save").ajaxError(function(event,xhr,settings,error){
        $(this).html{'error: ' (xhr ?xhr.status : '')+ ' ' + (error ? error:'unknown') + 'page: '+settings.url);
    });
});

Antwoord 16

Gooi een nieuwe uitzondering op de server met:

Reactie.StatusCode = 500

Response.StatusDescription = ex.Message()

Ik geloof dat de StatusDescription wordt teruggestuurd naar de Ajax-oproep…

Voorbeeld:

       Try
            Dim file As String = Request.QueryString("file")
            If String.IsNullOrEmpty(file) Then Throw New Exception("File does not exist")
            Dim sTmpFolder As String = "Temp\" & Session.SessionID.ToString()
            sTmpFolder = IO.Path.Combine(Request.PhysicalApplicationPath(), sTmpFolder)
            file = IO.Path.Combine(sTmpFolder, file)
            If IO.File.Exists(file) Then
                IO.File.Delete(file)
            End If
        Catch ex As Exception
            Response.StatusCode = 500
            Response.StatusDescription = ex.Message()
        End Try

Antwoord 17

Hoewel het vele jaren geleden is dat deze vraag werd gesteld, vind ik xhr.responseTextnog steeds niet als het antwoord dat ik zocht. Het gaf me een string in het volgende formaat:

"{"error":true,"message":"The user name or password is incorrect"}"

die ik absoluut niet aan de gebruikers wil laten zien. Waar ik naar op zoek was, is zoiets als hieronder:

alert(xhr.responseJSON.Message);

xhr.responseJSON.messagegeeft me het exacte bericht van het Json-object dat aan de gebruikers kan worden getoond.

Antwoord 18

$("#fmlogin").submit(function(){
   $("#fmlogin").ajaxError(function(event,xhr,settings,error){
       $("#loading").fadeOut('fast');       
       $("#showdata").fadeIn('slow');   
       $("#showdata").html('Error please, try again later or reload the Page. Reason: ' + xhr.status);
       setTimeout(function() {$("#showdata").fadeOut({"opacity":"0"})} , 5500 + 1000); // delays 1 sec after the previous one
    });
});

Als er een formulier is, moet het worden ingediend met valideren

gebruik gewoon de rest van de code

$("#fmlogin").validate({...

...
...
});

Antwoord 19

Eerst moeten we <serviceDebug includeExceptionDetailInFaults=”True” /> instellen in web.config:

<serviceBehaviors> 
 <behavior name=""> 
  <serviceMetadata httpGetEnabled="true" /> 
    **<serviceDebug includeExceptionDetailInFaults="true" />** 
 </behavior> 
</serviceBehaviors>

Naast dat op jQuery-niveau in het foutgedeelte, moet u een foutreactie ontleden die een uitzondering bevat zoals:

.error(function (response, q, t) { 
  var r = jQuery.parseJSON(response.responseText); 
}); 

Dan kunt u met r.Message daadwerkelijk uitzonderingstekst weergeven.

Controleer de volledige code: http:// www.codegateway.com/2012/04/jquery-ajax-handle-exception-thrown-by.html

Antwoord 20

In mijn geval heb ik zojuist HTTP VERB van de controller verwijderd.

   **//[HttpPost]**   ---- just removed this verb
    public JsonResult CascadeDpGetProduct(long categoryId)
    {
        List<ProductModel> list = new List<ProductModel>();
        list = dp.DpProductBasedOnCategoryandQty(categoryId);
        return Json(new SelectList(list, "Value", "Text", JsonRequestBehavior.AllowGet));
    }