Vuejs 和 Laravel 发送数据不起作用

Question

我有一个获取 csv 的 vue.js 脚本，将其发送到我的服务器端代码，将其分解为一个数组并将其发回。

现在，我将该数据保存到一个数组中，这样客户端就可以编辑任何数据并进行操作等。这是执行此操作的代码：

//hide the upload box, and display new message
$('#upload').slideUp();
$('#message').html('Cheers, Just give us a sec to decode the file...');

//get the file and save it into a new File Object ready to send
var files = $('input#csvUpload').prop('files');
var csv_file = new FormData();
csv_file.append('csv_file', files[0]);


//send to a controller that will read this file and return a JSON string!
this.$http.post('uploadCSV', csv_file, function(data){
   //the data is the array returned from the controller,
   //this function is just the call back

   //now for the rows
   this.rows    = data.rows;

   console.log(this.rows);

   //update the message with some new instructions
   $('#message').html("Done, now remove the cards you don't want to process");

   //and show our table
   $('#table').slideDown();

    });

现在，一切正常。没有错。令人困惑的部分是，在最终用户完成更改后，我需要将该数据发送到将使用该数据执行操作的控制器。但问题是，当我发送数据时，laravel 似乎无法在到达控制器时找到它。

发送数据的代码：

  this.$http.post('makePayment', this.rows, function(data){
     this.processed = data;
     console.log(data);
   });

控制器代码：

$array = $request->all();
return $array;
exit();

我有一种感觉它在盯着我看，但这真的难倒了我，最上面的图片显示了 this.rows 对象中的内容。

提前感谢您的帮助！

Answer 1

好吧，我知道它在盯着我看。所以解决方案很简单。发生的事情是我发送的是数组而不是 json 字符串……应该没关系吧？好吧。所以简单的解决方案是在将数据发送到我的控制器之前，我需要将 array 转换为 Json 格式...

所以这是发送我的数据的更新代码：

var newJson = JSON.stringify(this.rows);
this.$http.post('makePayment', newJson, function(data){
      this.processed = data;
      console.log(data);
});

Vuejs 和 Laravel 发送数据不起作用

Vuejs and Laravel sending data not working

javascript

vue.js

laravel-5.1