Sign in Get Started

Ajax Example with Laravel and Jquery

Phoenix Logan 
$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $(".btn-submit").click(function(e){
        e.preventDefault();
        var name = $("input[name=name]").val();
        var password = $("input[name=password]").val();
        var email = $("input[name=email]").val();
        $.ajax({
           type:'POST',
           url:'/ajaxRequest',
           data:{name:name, password:password, email:email},
           success:function(data){
              alert(data.success);
           }
        });
	});
View another examples Add Own solution
Log in, to leave a comment

0
0
Phoenix Logan 186120 points 

                                    $(document).ready(function () {
    const post_id = $("#post-detail").attr("data-post-id");
    getCommentsOfPosts(post_id)

    $("#comment-submit-form").submit(function(e){
        e.preventDefault();
        const formData     = $(this);
        const submitButton = $("#comment-submit-button");
        const post_id      = $("#post-id-comment").val();

        submitButton.html('Saving....<i class="fa fa-spin fa-spinner" aria-hidden="true"></i>');

        $.ajax({
            method: "POST",
            url: "/api/comments/" + post_id,
            data: formData.serialize(),
            success: (result) => {
                submitButton.html('Save');
                $("#comment-errors-data").html('');
                $("#comment-input").val('');
                $("#successMessage").removeClass('visually-hidden');
                getCommentsOfPosts(post_id);
            },
            error: (error) => {
                if(error.status === 422) { // "Unprocessable Entity" - Form data invalid
                    $("#successMessage").addClass('visually-hidden');
                    var message = error.responseJSON.errors ? error.responseJSON.errors.comment ?  error.responseJSON.errors.comment[0] : '' : '';
                    $("#comment-errors-data").html(message);
                    submitButton.html('Save');
                }
            }
        });
    });

});


/**
* Get comments of a post
*/
function getCommentsOfPosts(post_id) {
    if( typeof post_id !== 'undefined' && post_id !== '' && !isNaN(post_id)) {
        $.ajax({
            method: "GET",
            url: "/api/comments/" + post_id,
            success: (result) => {
                $("#post-comments").html(result);
            },
            error: (error) => {
                alert('Something went wrong to fetch datas...');
            }
        });
    }
}

0
0
Are there any code examples left?
Find Add Code snippet
New code examples in category Javascript
SHOW MORE
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
send ajax request jquery laravel how ajax works in laravel 8 laravel ajax call example Ajax Example with Laravel and Jquery using ajax with laravel call laravel function in ajax using ajax in laravel 8 jquiry and ajax for laravel jquery ajax method put laravel 8 laravel components ajax ajax for laravel jquery ajax example laravel ajax in laralve how to write laravel code in ajax response how to make ajax call in component in laravel laravel ajax detailed ajax call in laravel by jquey should I use ajax with laravel laravel how to do ajax calls Laravel / Ajax laravel ajax button ajax call in laravel code $request->ajax() in laravel laravel ajax controller code use php inside html ajax laravel $.ajax laravel laravel ajax response ajax jquery in laravel Laravel simple ajax example how to make request using ajax and js in laravel how to make request using ajax in laravel how to use ajax with laravel how to use ajaxtable in laravel laravel ajax request example ajax tutorial laravel laravel is ajax request simple ajax request laravel daily laravel 7 components ajax example simple ajax laravel $request- ajax() in laravel laravel make ajax request laravel ajax call data ajax jquery in laravel3 ajax laravle laravel handle ajax request laravel implement ajax inserting laravel ajax example ajax function in laravel best way using ajax in laravel ajax response laravel is ajax with laravel is easy jquery ajax with laravel ajax call in laravel blade laravel ajax post example laravel ajax html laravel and ajax full example is request ajax in laravel "_ method" laravel ajax laravel Request::ajax() ajax laravel app ajax call using jquery in laravel laravel request is ajax ajax call jquery in laravel laravel request::ajax can we use ajax in laravel source code laravel with ajax sample ajax request laravel ajax laravel sample laravel jquery ajax example ajax with laravel ? how to ajax call in laravel structure of ajax in laravel make ajax directly in laraval ajax setup laravel code make request with ajax in laravel laravel ajax response html laravel request ia ajax ajax javascript laravel laravel ajax file ajax call jquery laravel is ajax in laravel is ajax laravel ajax example laravel best way to use ajax in laravel 8 best way to use ajax in laravel implementin ajax request laravel how to use ajax in laravel 7 ajax js laravel laravel 8 ajax ajax in laravel 8 laravel php code in ajax best ajax method in laravel how to use ajax in laravel blade laravel ajax examplele request is ajax laravel ajax form laravel example ajax request jquery in laravel ajax laravel php how use ajax in javascript laravel 7 ajax in laravel blade easy ajax laravel ajax laravel query example apply ajax in laravel how to used ajax call in laravel 8 How to create ajax in laravel laravel and ajax ajax jquery laravel php ajax laravel laravel ajax setup use ajax in jquery laravel calling ajax in laravel. laravel ajax request format there is ? in ajax request larave AJAX call with laravel howto make ajax with blade laravel laravel data in ajax laravel and ajax example laravel request ajax laravel ajax put @method ajax laravel can you use ajax in laravel ajax example build a ajax laravel application working with ajax in laravel with controller how to use ajax in laravel with seperate page ajax syntax in laravel ajax call in larvael use ajax in blade laravel ajax laravel 6 how to use ajax and jquery in laravel ajax with laravel syntax ajax crud in laravel making ajax call in laravel ajax call in javascript file in laravel ajax laravel jquery jquery ajax laravel call ajax with laravel ajax request in laravel 7 post data using ajax in laravel laravel ajax jquery ajax post laravel on button click call ajax function laravel controller ajax pignation in laravel Laravel 8 ajax CRUD Application ajax in laravel 7 ajax laravel exm laravel ajax crud ajax call in laravel do ajax request in laravel ajax request laravel how to use ajax cal in laravel ajax jquery laravel example laravel project for ajax request where in ajax laravel use ajax function for otp laravel using ajax laravel how to include ajax library into laravel? how to call a ajax function from laravel 8 request ajax laravel how to setup laravel request for ajax ajax request in laravel ajaz jquery in laravel how to use ajax in laravel 8 setting ajax laravel javascript ajax call laravel what is ajax in laravel laravel with jquery ajax beast way ajax call in laravel make ajax request JS to php file laravel using ajax request in a laravel view how to work with ajax in laravel how to setup ajax in laravel how to use js ajax in laravel how to add ajax in laravel how to implement ajax calls in laravel simple jquery ajax in laravel how to write an ajax api laravel how to make an ajax call in php laravel ajax in laravel tutorial how to use ajax in laravel ajax simple laravel laravel ajax complete tutorial ajax tutorial in laravel use ajax in laravel laravel endpoint for ajax example laravel ajax call laravel ajax tutorial ajax laravel explained laravel with ajax example ajax call laravel ajax in jquery in laravel laravel ajxx jquery project ajax with jquery example in laravel laravel ajax example call ajax in laravel how to create a ajax in laravel how to create the ajax request in html laravel ajax sample laravel tutorial ajax laravel jquery ajax laravel tutorial laravel ajax tutorials how can use ajax in laravel ajax using laravel how to use ajax request in javascript code in laravel laravel ajax request simple ajax in laravel ajax and jquery tutorial in laravel ajax request jquery laravel laravel with ajax script ajax call in laravel laravel ajax sample ajax with laravel ajax use in laravel laravel ajax jquery example laravel and ajax tutorial ajax lravel ajax laravel ajax laravel course simple ajax call with php laravel jquery ajax in laravel jquery ajax and laravel ajax in laravel laravel ajax tutorial example laravel ajax api call laravel jquery ajax laravel ajax howto ajax with laravel example laravel need ajax jquery ajax laravel example laravel ajax using ajax in laravel ajax and laravel installing ajax library inside laravel does ajax need to be imported laravel ajax simple example laravel simple ajax example in laravel laravel simple ajax get example ajax laravel example
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with
Not registered?
Sign up takes less than a minute

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source