Ajax returning undefined in laravel

Question

First of all, I am a beginner in using ajax inside laravel. I tried to check the input field while it's working or not through an alert or console.log it's returning undefined.

my blade file code

<div id="add_tag_modal" class="modal fade">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h2>Add New Tag</h2>
                <hr>
                <form id="add_tag_form" method="POST">
                    @csrf
                    <div class="mess"></div>
                    <div class="form-group">
                        <label for="">Name</label>
                        <input name="name" type="text" class="form-control">
                    </div>
                    <div class="form-group">
                        <input class="btn btn-primary btn-sm" type="submit" >
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

my controller file code..though its commented public function store(Request $request) { // Tag::create([

    //     'name' => $request -> name

    // ]);
}

web.php /**

tag controller */

Route::resource('tag','App\Http\Controllers\TagController');

Route::post('tag-create','App\Http\Controllers\TagController@store')->name('tag.create');

lastly my ajax code

  $(document).on('submit','form#add_tag_form',function(e){

    e.preventDefault();


    let name = $('form#add_tag_form input[name="name"]').val();


    if (name == '') {

        $('.mess').html('<p class="alert alert-danger">All fields are required!<button type="button" class="close" data-dismiss="alert" aria-label="Close">');

    }else{

         $.ajax({
    url:'tag-create',
    method: "POST",
    contentType: false,
    processData : false,
    data : new FormData(this),
    success: function(data){
        console.log(data.name);

    }
         });
    }

  });

Madhusudan M R · Accepted Answer · 2021-03-25 09:10:01Z

0

I believe you need to update your controller.

You need to validate the request first

$validate = $this->validate($request, [
    'name' => 'required|string|max:255'
]);

after that, send the $validate variable to model Tag to create a new resource:

$save = Tag::create($validate);

if($save) {
   return true; //return statements you can customize based on your requirement
} 
return false;

By doing this you are validating the incoming request and if your return value is true process further. But be carefull with response you should return the message and status code to validate the response.. Don't use true or false for return statement. In AJAX response, you check the status code and proceed further with the message.

Thank you

answered Mar 25, 2021 at 9:10

Madhusudan M R

184 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Armaan Over a year ago

after doing this....i check console and it says 500 Internal Server Error.. which was the same result before editing my code

Madhusudan M R Over a year ago

What message do you get from the error. You can check the error message in chrome dev tools or by clicking control+shift+J on windows, and under network tab, click on the route with error

Armaan Over a year ago

it says... POST localhost:8000/tag-create 500 (Internal Server Error)

Madhusudan M R Over a year ago

What was the response message??

Madhusudan M R Over a year ago

When you click on the network tab you see the error route click on that, another new left tab will open. Then navigate to the response to see the error message you are getting from laravel

Varinder Kaur · Accepted Answer · 2021-03-25 10:38:27Z

0

You should try to replace 'let name' into 'var name' then alert or console it.

answered Mar 25, 2021 at 10:38

Varinder Kaur

843 bronze badges

Comments

Thakgrandka · Accepted Answer · 2021-03-25 12:55:07Z

0

You can try adding this to your php code to show the error message of the 500 code.

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

answered Mar 25, 2021 at 12:55

Thakgrandka

5523 silver badges24 bronze badges

Collectives™ on Stack Overflow

Ajax returning undefined in laravel

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related