jquery - 如何使用ajax提交刷新fancybox内加载的内容

Question

我有一些表单正在 Fancybox 中加载。当我使用 ajax 提交此内容并获得成功时，我想在 Fancybox 窗口内重新加载同一页面，但我不知道如何操作。

我已经尝试过 $.fancybox.update() 但没有成功。我正在使用 Fancybox 2。

有人可以帮忙吗？

这是我的代码:

在父页面上:

<script type="text/javascript" charset="utf-8">
    $("a.open-modal").fancybox({type: 'ajax'});
</script>

<a class="open-modal" href="edita_cadastro_imagens.asp?codProd=<%= rs_Pesq("codProd")%>&codCor=<%= rs_Pesq("codCor")%><%=str_pesq%>&ref=<%= rs_Pesq("referencia")%>"><i class="fa fa-camera fa-lg"></i></a>

以下是页面代码:edita_cadastro_imagens.asp

我的 Ajax 代码:

<script type="text/javascript">

    $(document).on('submit', '#f1', function(event) {

        event.preventDefault();

        var formData = new FormData($(this)[0]);
        console.log(formData);

        $.ajax({
            url: "upload_produtos.asp?cod_prod=<%=codProd%>&cod_cor=<%=codCor%>&Num_Img=1",
            type: "POST",
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data){
                if (data == "erro") {
                    alert("erro")
                } else {
                    //$.fancybox.close();
                    $.fancybox.update();
                }
            }
        });

    });

</script>

和我的表格:

<form name="f1" id="f1" action="" method="post" enctype="multipart/form-data">
                <div class="div_coluna col_image">
                    <% if objFSO.FileExists(Server.MapPath("../produtos/mini") & "/"& codProd&"_"&codCor&" (1).jpg") then %>
                        <img src="../produtos/mini/<%= codProd%>_<%= codCor%> (1).jpg" border="0"/>
                    <% else %>
                        <img src= "imagens/imgNDisp.png" border="0"  height="49px" width="70px"/>
                    <% end if %>
                </div>
                <div class="div_coluna col_field">
                    <input type="file" name="txtArquivo1" accept="image/jpg" class="small_form_control" style="width:90%">
                </div>
                <div class="div_coluna col_bt">
                    <button class="button">ENVIAR</button>
                </div>
                <div class="clear"></div>
            </form>

Answer 1

也许我来不及添加我的解决方案。但迟到总比不到好，对吧？ :P

我的情况是:我加载的ajax fancybox 上有一个刷新按钮，我想通过单击此刷新按钮来重新加载fancybox 内容。这个概念是点击 fancybox 触发器。

$('body').on('click','#refresh',function(){
    $('.fancybox').trigger('click');
});

希望对你有帮助