POST 400错误，ajax请求

Question

为什么我不能保存它，却得到400（错误请求），并且在标头响应上却得到CSRF令牌无法验证。

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

在后端：

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

    }

Answer 1

您可以像这样在ajax调用中传递[headers]参数。

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

只要确保您放置了{!! csrf_field（）!!}在您的[view]刀片模板上，以附加$（input [name =“ token”）; html标记以获取令牌值，以获取CSRF令牌。 希望这可以帮助

Answer 2

试试这个可能对您有帮助

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

Answer 3

在ajax上使用headers属性传递csrf令牌

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