javascript - 保存表单数据然后将数据加载到 fancybox 以便用户可以预览

Question

我有一个表单，用户可以在其中提交各种数据字段。表格不在花哨的盒子里……它在浏览器中加载。预览按钮可用，预览加载到花式框中。该表格每三分钟具有自动保存功能，也可以通过单击保存按钮手动保存。我的问题是如果表单没有被自动保存并且用户没有手动保存它，那么 fancybox 将显示最新更改之前的版本。我目前让它通过自动保存功能运行，然后加载 fancybox 预览，但似乎在 fancybox 加载它之前数据没有被保存。自动保存有效，手动保存有效，fancybox 有效并加载数据，但我需要它来保存数据，然后将其加载到 fancybox 中。

自动保存功能使用ajax通过PHP/MySQL保存数据。

非常感谢您的帮助!

$(document).ready(function() {
    $('#preview-article').live('click', (function() {
            autoSave();
    }));

    $("#preview-article").fancybox({
            'width': '75%',
            'height': '75%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
    });
});

Answer 1

我相信您在调用保存函数之前 预览了表单。这就是为什么您看到的是“旧”表格。你可能想尝试这样的事情:

function preview() {
  //open fancybox
}

function saveAndPreview() { //your preview button will call this function
  //save call
  preview();
}

创建一个函数来保存表单，然后才显示预览。通过这种方式，您可以确保在调用 fancybox 之前保存它。