使用laravel添加数据JavaScript

问题描述：

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');

我正在尝试使用javascript将表单数据添加到dB。正在读取postData我可以在“警报”中看到，但URL没有执行。我把它作为'donorlist'和'/ donorlist'。 p>

  $（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）{
 / *成功后可选择的东西* / 
 // $（“＃show-donor”）。html（donor_data）  ; 
}）; 
 
}）; 
  code>  pre> 
 
 }）;  p> 
 
 
表格标签是： 
 
 
  {!!  Form :: open（['method'=＆gt;“post”，'class'=＆gt;'form-horizontal'，'id'=＆gt;'add-donor-form“]）!!} 
  代码>  PRE> 
 
 路线： p> 
 
 
 路线::交（ '/ donorlist'， 'AjaxController @ addonor'）; 
  代码>  pre> 
  div>

答

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

答

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);
  });

});

});

使用laravel添加数据JavaScript

相关推荐