Question

我想使用Fancybox在iFrame中显示注册表单。一旦用户填写了他/她的详细信息。

应使用Jquery / Fancybox中的ajax机制处理细节，并在同一Fancybox iframe中显示值。

如何实施，我整天都在摸不着头脑，我不知道我哪里出错了。

以下是我的代码

$("a.interested").fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'type': 'iframe',
                 ajax: {
                           type     : "POST",
                           cache    : false,
                           url      : "/components/profile/buyer/regbuyer1.php",
                           success: function(data) {
                                $.fancybox(data);
                            }
                        }
            });

一些代码示例确实会有所帮助。

感谢名单

Answer 1

$("a.interested").click(function(){

    $.ajax: {
        type     : "POST",
        cache    : false,
        url      : "/components/profile/buyer/regbuyer1.php",
        success: function(data) {
            $.fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'content' : data
            });
        }
    }
});

来自http://fancybox.net/blog

Answer 2

我们的想法是你在fancybox中打开一个iframe，然后在iframe中使用常规帖子，因为iframe中的所有请求都将保留在iframe中。

所以你在代码中所要做的就是：

$("a.interested").fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'type': 'iframe',
                'href': "/components/profile/buyer/regbuyer1.php" //or any other url that contains the contents of that iframe
            });

Answer 3

我相信fancybox中的ajax选项仅用于加载数据，而不是用于发送数据。您需要为表单连接自己的ajax帖子。在fancybox网站（http://fancybox.net/blog）示例＃5上有一个很好的例子。我想这正是你想要的。

使用iFrame中的Fancybox Ajax功能提交表单

3 个答案: