List errors returned in an ajax request

Question

I have a Controller that is returning errors this way:

return response()->json(['erros' => $this->renderHttpException($e)]);

I am receiving this json as a response to the ajax request:

{"email":["The email field is required."],"telefone":["The telefone field is required."]}

I need to list these errors in a div, without having to specify each field as I did with the email, as I do?

function Create(id, url) {
    $.ajax({
        url: url,
        data: $('#' + id).serialize(),
        dataType: 'json',
        type: 'POST',
        error: function (data) {
            var errors = data.responseJSON;
            document.getElementById('message').innerHTML = errors.email;
        }
    });
}

Answer 1

Use the each to browse the JSON

$.ajax({
    url: url,
    data: $('#' + id).serialize(),
    type: 'POST',
    success: function (data) {
       $.each(data, function(i,v){
          $('#message').append('<span>'.v.'</span><br>');
       });
    }
});