Add data JavaScript using laravel

Question

I'm trying to add form data to a dB using javascript. The postData is being read I can see in an 'Alert' but the URL isn't executing. I've put it in as 'donorlist' and '/donorlist'.

$(document).ready(function() {

$('#add-donor-form').submit(function(evt) {
  /* Act on the event */
  evt.preventDefault();

  var postData = $(this).serialize();


  $.post('/donorlist', postData, function(donor_data) {
    /*optional stuff to do after success */
    // $("#show-donor").html(donor_data);
  });

});

});

The form tag is:

  {!! Form::open(['method'=>"post", 'class' =>'form-horizontal', 'id' =>"add-donor-form"]) !!}

Route:

Route::post('/donorlist','AjaxController@addonor');

Fab Fuerste · Accepted Answer · 2017-04-27 19:53:19Z

1

Hope I understood your query correctly. You have to wrap quotes around your URI in the post statement:

$.post('/donorlist', postData, function(donor_data) {
    /*optional stuff to do after success */
});

See Fiddle

answered Apr 27, 2017 at 19:53

Fab Fuerste

2,2311 gold badge11 silver badges17 bronze badges

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

6 Comments

Fab Fuerste Over a year ago

What does "php artisan route:list" say?

Jeff Winkler Over a year ago

Route::post('/donorlist','AjaxController@addonor');

Jeff Winkler Over a year ago

POST | donorlist | | App\Http\Controllers\AjaxController@addonor

Fab Fuerste Over a year ago

If you change the route to GET, can you access it in the browser?

Jeff Winkler Over a year ago

no, still nothing. I still can get an alert with the postData

|

Jeff Winkler · Accepted Answer · 2017-04-28 13:35:12Z

The problem was not haveing the csrf token in js.

$(document).ready(function() {

$('#add-donor-form').submit(function(evt) {
  /* Act on the event */
  evt.preventDefault();

  var postData = $(this).serialize();
  var url = $(this).attr('action');

  $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });

  $.post(url, postData, function(donor_data) {
    /*optional stuff to do after success */
    $("#show-donor").html(donor_data);
  });

});

});

Collectives™ on Stack Overflow

Add data JavaScript using laravel

2 Answers 2

6 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Related