Anzeige von Text von Ajax Anruf, der von Controller

Question

übergeben wird Ich habe Schwierigkeiten, meinen Fehler msg "Von Datum muss vor bis heute festgelegt werden", durch Controller zu Ajax Anruf. Fehlermeldung muss in div als Warnung angezeigt werden. Der folgende Code funktioniert nicht.

Controller:

$response_array['error'] = [trans('servicereports.errors.to_date')]; 
return json_encode($response_array); 

Ergebnis:

{ "Fehler": [ "Von Datum festgelegt, bevor auf dem neuesten Stand sein"]}

Ajax:

$.ajax({ 
      type: 'POST', 
      url: '{{ route('einsight.servicereports.validateDates') }}', 
      cache: false, 
      data: $(this).serialize(), 
      error: function(msg, result) {      
       var data = jQuery.parseJSON(result); 
       $.each(data, function(index, value) { 
        $("#error-message").append(value); 
       }); 

      } 
     }); 

Div für di spreizen Nachrichten:

<div class="flash-message" id="error-message">    
</div> 

Answer 1

Sie Handaling Fehler in der falschen Art und Weise. In Ajax error Methode wird nur anrufen, wenn es einen Fehler in ajax Aufruf gibt. bis der Code erfolgreich ausgeführt haben Sie es in Erfolgsfunktion zu handhaben

$.ajax({ 
      type: 'POST', 
      url: '{{ route('einsight.servicereports.validateDates') }}', 
      cache: false, 
      data: $(this).serialize(), 
      success: function(result) {      
       var data = jQuery.parseJSON(result); 
       $.each(data, function(index, value) { 
        $("#error-message").append(value); 
       }); 

      } 
     }); 

Answer 2

können Sie nur response(400)->json($data) verwenden, um die JSON mit den richtigen Header zurück:

$response_array['error'] = [trans('servicereports.errors.to_date')]; 
return response(400)->json($response_array); 

Da Sie den Statuscode 400 senden, Sie werden Ihre error Funktion auslösen. Dann müssen Sie es auch nicht analysieren, weil es bekannt ist json:

$.ajax({ 
     type: 'POST', 
     url: '{{ route('einsight.servicereports.validateDates') }}', 
     cache: false, 
     data: $(this).serialize(), 
     error: function(msg, response) {    
      $.each(response.error, function(index, value) { 
       $("#error-message").append(value); 
      }); 

     } 
    });