将Ajax数据发送到Laravel控制器

Question

我使用fullcalendar，我需要在用户单击特定日期时创建一个新事件，我使用Laravel控制器来存储通过ajax请求发送的数据。我可以在日历上创建一个事件，但我不能将数据发送到控制器，而且浏览器选项卡在创建事件后冻结。谁能纠正我的错误?或者提供更好的解决方案。

select: function(start, end, allDay) {
var title = event_name;// Event Title:
var eventData;
if (title) {
    eventData = { //creates a new event on the calendar 
        title: title,
        start: start,
        end: end,
        allDay: allDay
    };
    $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
    $.ajax({                        
        data:eventData,
        type: 'POST',
        url:"/projects/calendar/store", // your url
        beforeSend: function (request) {
            return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
        },
        success: function(response) {
             console.log(response);
        }
    });
}
$('#calendar').fullCalendar('unselect');
},

这是我的路由文件，我已经尝试了get和post，但都没有工作。

Route::get('/projects/calendar/store','FrontEndController@calendarStore');

这是控制器，它只处理ajax请求发送的数据，而不处理视图。

public function calendarStore(Request $request)   
{
$calendar = new Calendar;
Input::all();
$userId = Auth::user()->id;
$event_title =$request->input('title');
$start =$request->input('start');
$end =$request->input('end');
$calendar_event = Calendar::create([
    'user_id' => $userId, // I can get the user ID 
    'project_id' => 2,
    'event_title' => $event_title,
    'start_date' =>$start,
    'end_date' => $end
]);
}

Answer 1

像这样替换您的ajax data参数声明:

//creates a new event on the calendar 
eventData = {
    "title": title,
    "start": start,
    "end": end,
    "allDay": allDay
};

Answer 2

我做了以下修改:其工作如预期，一旦用户点击/选择在特定的日子/日子的它会要求标题和保存在数据库中的事件。

select: function(start, end, allDay) {
    var title = prompt('Are u sure you want to apply for job? Yes/No:');// Event Title:
    var start_time = moment(start).format();
    var end_time = moment(end).format(); //onclick get date 
    var eventData;
    if (title) {
        eventData = {
            title: title,
            start: start,
            end: end,
            allDay: allDay
        };
        $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
        $.ajax({
            type: 'GET',//POST changed to GET
            url: "/projects/calendar/store", // your url                                                
            data: { //event data from global variable 
                title: event_name,
                start: start_time,
                end: end_time,
                event_id:event_id
            },
            beforeSend: function (request) {
                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
            },
            success: function(response) {
                 console.log(response);
            }
        });
    }
    $('#calendar').fullCalendar('unselect');
},

更新路线

Route::get('/projects/calendar/store','FrontEndController@calendarStore');

更新控制器

public function calendarStore(Request $request)
{
    $userId = Auth::user()->id;
    $event_title =$request->get('title');
    $start =$request->input('start');
    $end =$request->input('end');
    $project_id= $request->input('event_id');    

    $calendar_event = Calendar::create([
        'user_id' => $userId,
        'project_id' => $project_id,
        'event_title' => $event_title,
        'start_date' =>$start,
        'end_date' => $end
    ]);     
    return $calendar->all();
}