POST 400错误，ajax请求

Question

Why cant I save this, I get 400 (Bad Request), and on headers response i get The CSRF token could not be verified.

 $(document).ready(function() {

            $("a#copylink").click(function (e) {
                e.preventDefault();
                var data = $('#campaign-form').serialize();

                $.ajax(
                    {
                        contentType: "application/json; charset=utf-8",
                        dataType: 'json',
                        method: 'POST',
                        url: 'campaignsave',
                        data: data,
                        success: function(data){
                            alert(data);
                        }
                    }
                )
                    });
            });

on backend:

public function actionCampaignSave()
    {
        var_dump($_POST);

    }

Answer 1

You can pass the [headers] parameter in your ajax call like this.

$.ajax({
    url : 'campaignsave',
    method : 'POST',,
    headers : {
        'X-CSRF-TOKEN' : $('input[name="token"]').val()
    }
    dataType : 'json',
    data : data,
    success : function(response) {
        console.log(response);
    }
});

Just make sure you've place {!! csrf_field() !!} on your [view] blade template to append the $(input[name="token"); html tag to get the token value to get the CSRF token as well. Hope this helps

Answer 2

Try this it may help you

 $.ajax({
                    type: "POST",
                    url: 'campaignsave',
                    data: {test : data},
                    success: function(data) {
                         alert(data);
                    }
                });

Answer 3

Pass csrf token using headers property on ajax

$.ajax({
  contentType: "application/json; charset=utf-8",
  dataType: 'json',
  method: 'POST',
  url: 'campaignsave',
  headers: { 'X-CSRF-TOKEN': 'token' }
  data: data,
  success: function(data){
      alert(data);
  }
});