Сохранение события в fullcalendar с использованием JQuery не работает - PullRequest
0 голосов
/ 03 января 2019

Я хочу сохранить событие в базе данных, однако могу добавить событие в календарь, но оно не сохраняется в базе данных, и когда я пытаюсь обновить страницу, событие исчезает.

это моя страница указателя

eventRender: function (event, element, view) {
        if (event.allDay === 'true') {
            event.allDay = true;
        } else {
            event.allDay = false;
        }
    },
    //changes made start 
   selectable: true,
    selectHelper: true,
    //editable: true,
   select: function (start, end, allDay) {
       var title = prompt('Event Detail:');

        if (title) {
             var start = $.fullCalendar.moment(start);
     var end = $.fullCalendar.moment(end);
     console.log("Event Triggered");
            //start = moment(start).format('YYYY/MM/DD');
        //end = moment(end).format('YYYY/MM/DD');
           // var start =  $.formatDate(start, "Y-MM-DD");
           //var end =  $.formatDate(end, "Y-MM-DD");
           //var time = $.formatTime(time, "HH:mm:ss");

            $.ajax({
                url: 'add_event.php',
                data:'title='+ encodeURIComponent(title)+
                   '&start='+ encodeURIComponent(start)+
                   '&end='+ encodeURIComponent(end),
                   //'&url='+ encodeURIComponent(url),
                type: "POST",
                dataType: 'text',
                success: function(json) {
                    alert("Added Successfully");
                  //  alert(json);                   
                  },
              error: function(xhr, textStatus, errorThrown) {
                 alert(xhr.responseText);
            }
            });

            calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay
                    },
            true //make the event stick 
                    );
        } 
        calendar.fullCalendar('unselect');
    }, 

Это моя страница для добавления события в базу данных

$data = $_POST;

$json_array["title"]=json_decode($data["title"], true);
$json_array["start"]=json_decode($data["start"], true);
$json_array["end"]=json_decode($data["end"], true);

$title =$json_array["title"];
$start =$json_array["start"];
$end = $json_array["end"];

 require_once "config.php";

try 
 {
$pdo = new PDO("mysql:host=$servername;dbname=$dbname", $username,   $password);
// set the PDO error mode to exception
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// prepare sql and bind parameters

$sql = "INSERT INTO events (title, start, end) VALUES (:title, :start, :end)";
$stmt = $pdo->prepare($sql);
$stmt->bindParam(':title', $title);
$stmt->bindParam(':start', $start);
$stmt->bindParam(':end', $end);
$stmt->execute();

echo "New records created successfully";
}
 catch(PDOException $e)
{
echo "Error: " . $e->getMessage();
}
$pdo = null;

любая помощь была бы очень признательна. Я искал решение в Интернете и поиграл с кодом, но, похоже, ничего не работает.

Ответы [ 2 ]

0 голосов
/ 03 января 2019

Итак, действительно ли данные сохраняются в базе данных при добавлении нового события?

Если я смотрю на код, может показаться, что вы отправляете свой AJAX-вызов как POST, но помещаете данные в формат GET, хотя это может сработать, возможно, лучше отправить данные следующим образом:

$(document).ready(function () 
{
    var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'agendaWeek,agendaDay,month'
        },
        navLinks: true, // can click day/week names to navigate views
        editable: true,
        eventLimit: true,
        minTime: '13:00:00', /* calendar start Timing */
        maxTime: '24:00:00',  /* calendar end Timing */
        defaultView: 'agendaWeek',
        events: "all_events.php",
        displayEventTime: false,
        eventRender: function (event, element, view) {
            if (event.allDay === 'true') {
                event.allDay = true;
            } else {
                event.allDay = false;
            }
        },
        //changes made start 
        selectable: true,
        selectHelper: true,
        //editable: true,
        select: function (start, end, allDay) {
            var title = prompt('Event Detail:');

            if (title) {
                var dbstart = $.fullCalendar.moment(start).format();
                var dbend = $.fullCalendar.moment(end).format();
                console.log("Event Triggered");
                console.log(dbstart);
                console.log(dbend);
                //start = moment(start).format('YYYY/MM/DD');
                //end = moment(end).format('YYYY/MM/DD');
                // var start =  $.formatDate(start, "Y-MM-DD");
                //var end =  $.formatDate(end, "Y-MM-DD");
                //var time = $.formatTime(time, "HH:mm:ss");

                $.ajax({
                    url: 'add_event.php',
                    data: {
                        title: title,
                        start: dbstart,
                        end: dbend
                        //url: url
                    },
                    type: "POST",
                    dataType: 'json',
                    success: function(response) {
                        if (response.status == "success") {
                            alert("Added Successfully");
                            calendar.fullCalendar('renderEvent',
                                {
                                    title: response.title,
                                    start: response.start,
                                    end:   response.end,
                                    allDay: response.allDay
                                },
                                true //make the event stick 
                            );
                        } else {
                            alert("Error occurred. Check Console.");
                            console.log(response.error);
                            //  alert(json);                
                        }
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        alert(xhr.responseText);
                    }   
                });
                calendar.fullCalendar('unselect');
            }
        }
    });
});

Тогда ваш add_event.php будет иметь:

$title = $_POST['title'];
$start = $_POST['start'];
$end   = $_POST['end'];

require_once "config.php";

try 
{
    $pdo = new PDO("mysql:host=$servername;dbname=$dbname", $username,   $password);
    // set the PDO error mode to exception
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // prepare sql and bind parameters

    $sql = "INSERT INTO events (title, start, end) VALUES (:title, :start, :end)";
    $stmt = $pdo->prepare($sql);
    $stmt->bindParam(':title', $title);
    $stmt->bindParam(':start', $start);
    $stmt->bindParam(':end', $end);
    $stmt->execute();

    $id = $pdo->lastInsertId();
    $output['status'] = "success";
    $output['insert_id'] = $id;
    $output['title'] = $title;
    $output['start'] = $start;
    $output['end'] = $end;
}
catch(PDOException $e)
{
    // had errors
    $errors = $stmt->errorInfo();
    $output['status'] = "error";
    $output['error'] = $e->getMessage();
}
$pdo = null;

echo json_encode($output);

Это обеспечивает некоторый вывод обратно на вашу страницу, чтобы вы могли видеть, что передается в скрипт и используется для ввода в базу данных. Я также обновил ваш Ajax-вызов, чтобы обновлять календарь только при успешном вводе в БД и использовать значения, возвращаемые из функции, для лучшей проверки.

В производстве, однако, часть вывода ошибок должна быть удалена.

0 голосов
/ 03 января 2019

config.php должен содержать ваши учетные данные, например:

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDBPDO";

скрипт для вставки новой строки в базу данных должен быть:

ini_set('display_errors', 1); 
ini_set('log_errors',1); 
error_reporting(E_ALL); 

$data = $_POST;

$json_array["title"]=json_decode($data["title"], true);
$json_array["start"]=json_decode($data["start"], true);
$json_array["end"]=json_decode($data["end"], true);

$title =$json_array["title"];
$start =$json_array["start"];
$end = $json_array["end"];

require_once "config.php";

try 
{
    $pdo = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
// set the PDO error mode to exception
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// prepare sql and bind parameters

    $sql = "INSERT INTO events (title, start, end) VALUES (:title, :start, :end)";
    $stmt = $pdo->prepare($sql);
    $stmt->bindParam(':title', $title);
    $stmt->bindParam(':start', $start);
    $stmt->bindParam(':end', $end);
    $stmt->execute();

    echo "New records created successfully";
}
catch(PDOException $e)
{
    echo "Error: " . $e->getMessage();
}
$pdo = null;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...