如何在jQuery中放置错误

Question

so this is my console log

{
"name": ["The name field is required."],
"type": ["The type field is required."],
"ceiling_amount": ["The ceiling amount field is required."]
}

how can i put errors in my html like this

console.log(res)    
if(res.hasOwnProperty('errors')){
    for(var field in res.errors){
        var fieldname = field;
        var input = $("[name=\""+fieldname+"\"]");
        input.closest('.form-group').addClass('has-error')
        input.after('<span class="help-block">'+res.errors[field]+"</span>")
    }
}else{
    window.location.href = res.redirectTo;
}

but this html i use .done() here

but my question is how can i put errors when i use .fail() and thats my response json?

Answer 1

Based on your sample data, there's no error property there, but you can use the .error() function of your ajax. Here's my typical ajax request that I often use:

$.ajax({
        url: url,
        type: 'post',
        dataType: 'json',
        data: myData,
        error: function (data){
            // here's your error data
            if( data.status == 422){ // this is the status code that laravel 
                                     //  sends when a validation failed: 422
                                     //    (Unprocessable Entity)
              console.warn(data.responseJSON);
            }else{
              console.warn("this is some other error.");
            }
        },
        success: function (data){
            // do something; status code = 200
        }
    }).complete(function (response){
        // do something; regardless of the status code
    });