Fancybox 2 将 ajax 结果显示为 iframe

Question

好的，所以所有其他问题要么与版本 1 而不是版本 2 有关，要么它们只是调用具有 1 个变量的简单文件。基本上我想要做的是获取输入字段并将它们传递给 PHP 文件，而不提交表单并在 Fancybox 中显示 html 回显。

在 1.34 版本中，您使用了 $.fancybox.showActivity。但这不是第 2 版中的选项。

所以我尝试了以下方法：

$.ajax({ 
         url: "exec/preview.php",  
         data: $('#campaignform').serialize(),  
         dataType: "html",
         success: function(data){
            $.fancybox({
                               'content' : data,
                               'type' : 'iframe'
                            });
        }   
}); 

但我得到了在此服务器上找不到请求的 URL /[object Object]。

我尝试将类型设置为内联。它所做的一切就像它提交表单一样。这是实际发布活动之前的预览。

将 SUCCESS 函数改为：

success: function(data){
    $.fancybox(data,{
        'type' : 'iframe'
    });
}

在 iframe 的 URL 中附加所有返回的数据。

有什么想法吗？

Answer 1

我摆弄了这个，这很棘手，因为 FancyBox2 没有任何文档。

我认为这个（ajax 版本）应该可以工作：

$("#your_form_id").submit(function() {
    $.fancybox({
        padding         : 0,
        autoSize        : true,
        minHeight       : 10,
        fitToView       : false,
        arrows          : false,
        href            : $(this).attr("action"), //Your form must have an action.
        type            : 'ajax',
        ajax            : {
                type    : "GET",
                cache   : false,
                data    : $(this).serializeArray(),
        },
        scrolling       : 'no',
        transitionIn    : 'none',
        transitionOut   : 'none'
    })
    return false;
});

Answer 2

看看这个：http://fancybox.net/blog#tip5

向下滚动一点，您会看到与简单验证示例中想要做的完全相同的事情。