SAVE页面上的快速刷新

时间:2013-11-22 12:28:09

标签: javascript jquery

JS档案

buttons:
{
    save: function ()
    {
        calEvent.id = id;
        id++;
        calEvent.start = new Date(startField.val());
        calEvent.end = new Date(endField.val());
        calEvent.title = titleField.val();
        calEvent.body = bodyField.val();

        //post to events.php
        $.post("events.php",
        {
            action: "save",
            start: calEvent.start.getTime() / 1000,
            end: calEvent.end.getTime() / 1000,
            title: calEvent.title,
            body: calEvent.body,
            id: calEvent.id
        });

        $calendar.weekCalendar("removeUnsavedEvents");
        $calendar.weekCalendar("updateEvent", calEvent);
        $dialogContent.dialog("close");
    },
    cancel: function ()
    {
        $dialogContent.dialog("close");
    }
}
}).show();

HTML文件

<form>
    <input type="hidden" />
    <ul>
        <li>
            <span>Datum: </span><span class="date_holder"></span> 
        </li>
        <li>
            <label for="start">Begin Tijd: </label><select name="start"><option value="">Select Start Time</option></select>
        </li>
        <li>
            <label for="end">Eind Tijd: </label><select name="end"><option value="">Select End Time</option></select>
        </li>
        <li>
            <label for="title">Afspraak reden: </label><input type="text" name="title" />
        </li>
        <li>
            <label for="body">Extra informatie: </label><textarea name="body"></textarea>
        </li>
    </ul>
</form>

这会将数组保存到数据库中 单击“保存”按钮时如何刷新。

文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

2 个答案:

答案 0 :(得分:0)

您可以使用javascript的简单刷新功能:

location.reload();

但是当你真的不想刷新页面时,只能“刷新”页面的内容。你会对$.ajax更开心。
如果你不熟悉ajax,我建议你在网上阅读一些基本的教程,因为他们会比我更好地解释它。

答案 1 :(得分:0)

添加了location.reload()。请检查以下代码

buttons:
{
    save: function ()
    {
        calEvent.id = id;
        id++;
        calEvent.start = new Date(startField.val());
        calEvent.end = new Date(endField.val());
        calEvent.title = titleField.val();
        calEvent.body = bodyField.val();

        //post to events.php
        $.post("events.php",
        {
            action: "save",
            start: calEvent.start.getTime() / 1000,
            end: calEvent.end.getTime() / 1000,
            title: calEvent.title,
            body: calEvent.body,
            id: calEvent.id
        });

        $calendar.weekCalendar("removeUnsavedEvents");
        $calendar.weekCalendar("updateEvent", calEvent);
        $dialogContent.dialog("close");

        //reload page
        location.reload();
    },
    cancel: function ()
    {
        $dialogContent.dialog("close");
    }
}
}).show();