Question

我正在努力将事件添加到通过ajax帖子实习连接到Google日历的完整日历，但结果并不成功，但我没有收到任何错误，但是获取调用和删除是成功（这里我的意思是删除，从我的GCAL删除一个事件，Get从我的Gcal获取所有事件）这是我的HTML和JS文件

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

＆＃13;

 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
                });
            }
            });

        });

＆＃13;

<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>

＆＃13;

Answer 1

我试图解决一些问题：

首先：你不需要在事件中使用一个函数，该函数只是被注册而不被调用。

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

Ajax发布到完整的日历

1 个答案: