0

我正在努力将事件添加到完整的日历中，该日历是通过 ajax 发布连接到谷歌日历的实习生，但结果不成功，虽然我没有收到任何错误，但 get 调用和删除是成功的（这里我的意思是说删除，从我的 GCAL 中删除一个事件，Get 从我的 GCAL 中获取所有事件）这是我的 HTML 和 JS 文件

有人可以在这里指导吗提前谢谢

 jQuery(document).ready(function() {

        //CalendarGoogle.init();

        $('#add_event_submit').click(function(){
            var title = $('#title').val();
            var start = $('#start').val();
            var end = $('#end').val();
            alert(title+" "+start);


            function send() {
                var data = {
                    summary: $("#title").val(),
                    start:$("#start").val(),
                    end:$("#end").val()
                }

                $('#target').html('sending..');

                $.ajax({
                    url: 'https://www.googleapis.com/calendar/v3/calendars/subhanu.com_7ejfdkhes1vhgommacqo86l85k@group.calendar.google.com/events?access_token=xxxxxxxxxxxxx',
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                       console.log(data);
                    },
                    data: events
                });
            }
            });

        });
<form role="form" name="add_event_form">
    <div class="form-group">
        <label>Event Name: </label>
        <input class="form-control" name="title" id="title"placeholder="Customer">
    </div>

    <div class="form-group">
        <label>Start: </label>
        <input class="form-control" type="datetime-local" name="start" id="start" placeholder="">
    </div>

    <div class="form-group">
        <label>End: </label>
        <input class="form-control" type="datetime-local" name="end" id="end" placeholder="">
    </div>


    <div class="form-group">
        <button class="btn btn-default" type="submit" id="add_event_submit">
            <i class="fa fa-floppy-o"></i>
            Add Event</button>
    </div>
</form>

4

1 回答 1

0

我试图解决一些问题：

首先：您不需要事件内部的函数，该函数只是被注册而不被调用。

function send() {

其次：data: events这里没有声明事件

修改后的源码如下：

jQuery(document).ready(function() {

    //CalendarGoogle.init();

    $('#add_event_submit').click(function(){
        var title = $('#title').val();
        var start = $('#start').val();
        var end = $('#end').val();
        console.log(title+" "+start);

        var data = {
                summary: $("#title").val(),
                start:$("#start").val(),
                end:$("#end").val()
            }
          console.log(data);

            $.ajax({
                url: 'https://www.googleapis.com/calendar/v3/calendars/subhanu.com_7ejfdkhes1vhgommacqo86l85k@group.calendar.google.com/events?access_token=xxxxxxxxxxxxx',
                type: 'post',
                dataType: 'json',
                success: function (data) {
                   console.log("success");
                   console.log(data);
                },
                data: data
            }).always(function()
                   {
              console.log("done");
            });

        });

    });

Codepen 供参考： https ://codepen.io/YasirKamdar/pen/BYdMJE

于 2018-02-14T11:02:13.670 回答