Breaking News: Grepper is joining You.com. Read the official announcement!

laravel ajax success and error response

Sikadner answered on December 29, 2022 Popularity 8/10 Helpfulness 7/10

answer laravel ajax success and error response

laravel ajax success and error response

Comment

var form = $('#your-form-id');
        $.ajax({
            url: form.attr( 'action' ),
            type: 'POST',
            data: form.serialize(),
            success: function(data){
                // Successful POST
                // do whatever you want
            },
            error: function(data){
                // Something went wrong
                // HERE you can handle asynchronously the response 

                // Log in the console
                var errors = data.responseJSON;
                console.log(errors);

                // or, what you are trying to achieve
                // render the response via js, pushing the error in your 
                // blade page
                 errorsHtml = '<div class="alert alert-danger"><ul>';

                 $.each( errors.error, function( key, value ) {
                      errorsHtml += '<li>'+ value[0] + '</li>'; //showing only the first error.
                 });
                 errorsHtml += '</ul></div>';

                 $( '#form-errors' ).html( errorsHtml ); //appending to a <div id="form-errors"></div> inside form  
                });
            }
        });

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: ajax javascript laravel response

Link to this answer
Share Copy Link

Contributed on Dec 29 2022

Sikadner

0 Answers Avg Quality 2/10

laravel ajax success and error response

Contents

More Related Answers

laravel ajax success and error response

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.