如何将对象从视图传递到控制器

Question

我有一个对象$trial在视图中填满。我想将其作为 POST 传递给路由以使用它的数据调用函数。这是为全日历创建一个事件。我很确定我已经坐了这么久，我想多了。

想用eventRender回调来做到这一点，但不知道如何将数据传递到其中，尝试了简单的$.post只是为了在控制台中获取方法不允许或未知状态。

我目前有一些虚拟数据。

此处的目标是通过标记的时间范围创建事件。

控制器功能，如果我设法传递数据，则向数据库添加新记录

public function addEvent(Request $request)
{
//dd($request);
$event = new Event;
$event->title = $request['title'];
$event->start_date = $request['start_date'];
$event->end_date = $request['end_date'];
$event->save();
Session::flash('success','Event added successfully.');
return redirect('/events');
}

网络.php(路由(

Route::get('/events', 'EventController@index');
Route::post('/events', 'EventController@addEvent');

然后是索引函数，我目前最常使用它来修改表格(使其可编辑等(。

public $trial = [];
//
public function index()
{
$events = [];
$data = Event::all();
if($data->count()) {
foreach ($data as $key => $value) {
$events[] = Calendar::event(
$value->title,
true,
new DateTime($value->start_date),
new DateTime($value->end_date.' +1 day'),
null,
// Add color and link on event
[
'color' => '#f05050',
'url' => '/events',

]
);
}
}
$calendar = Calendar::addEvents($events) //add an array with addEvents
//->addEvent($eloquentEvent, [ //set custom color fo this event
//'color' => '#800',
//])
->setOptions([ //set fullcalendar options
'firstDay' => 1,
'selectable' => true,
'unselectAuto' => false,
'selectOverlap' => false,
'editable' => true,
'businessHours' => [
'dow' => [ 1, 2, 3, 4, 5 ],
'start'=> '08:00',
'end' => '19:00',
]
])->setCallbacks([ //set fullcalendar callback options (will not be JSON encoded)
'eventClick' => 'function(event) {
console.log("You clicked on an event with a title of: " + event.title);
}',
'select' => 'function(start, end) {
console.log("Selection start: " + start.format() + " selection end: " + end.format());
$trial = {
title: "rent",
start_date: start.format(),
end_date: end.format()
};
console.log($trial);

}',
]);

欢迎任何建议。

编辑：一般来说，我知道如何传递要在控制器功能中使用的数据的唯一方法是通过表单提交

Answer 1

我没有专门使用 Angular，但它与 Vue 有很多相似之处。我使用一个名为Axios的平台无关的软件包，它允许您向服务器发送请求。

回溯一秒钟，表单基本上是发送发布请求的通用方法。URL 在表单中指定，值是输入字段。

对于任何包，您都会执行类似操作：

• 指定网址
• 指定请求类型(发布、获取等(
• 传递参数(但不是必需的(

使用Axios，它看起来像这样：

axios.post('/mySite.com/something', { datum1: 'value', datum2: true })
.then(response => () {
this.someFunction(response.data);
});

这有一些ES6的魔力(箭头函数(，但这与许多请求非常相似。就像我说的，第二个参数是可选的，或者你甚至可以传递一个数据对象。

• 不要忘记还包括 csrf 令牌。如果您只是在页面头中添加元标记，这是最简单的(请参阅 Laravel 文档(，但您也可以将其作为_csrf参数直接传入。