Fancybox形式ajax帖子关闭提交

时间:2014-06-10 20:57:50

标签: javascript jquery html

我在div中有一张桌子。该表包含添加行的链接。单击该链接将打开一个fancybox2,其中包含用于添加新行的表单。 我面临以下问题:灯箱关闭,整个页面重新加载。

更新:通过更多调试似乎表单已发布到页面但在Firebug中我看到目标页面标记为红色,接收已发布的值但不返回任何内容。
我打开了fancybox:

$('.new').fancybox({
        type: 'ajax',
        autoSize : true,
        padding: 5,
        closeClick: false,
        autoResize:true
    });

表单页面是:

<script type="text/javascript">
    function ajax_submit(){
        $.ajax({
            type: "POST",
            url: "bp/new_row1.php",
            data: $('#new_row').serialize(),
            success: function(data){$.fancybox(data);}
        })
    }
$(document).ready(function(){
    $('#insert').click(function(){ajax_submit();});
});
</script>
<form name="new_row" id="new_row">
    <div class="sez-form"><label>Descrizione: </label><input tabindex="10" name="descr" id="descr" size="100" maxlength="256"></div>
    <div class="sez-form"><label>Tempestivo ammesso: </label><input tabindex="10" name="descr" id="descr" size="65" maxlength="65"></div>
    <div class="sez-form"><label>Tardivo ammesso: </label><input tabindex="10" name="descr" id="descr" size="65" maxlength="65"></div>
    <div class="sez-form"><button id="insert"><?php echo $azione; ?></button><button id="undo">Annulla</button></div>
</form>

发布值的目标网页只是:

<?php echo 'Hello World'; ?>

感谢eveyone谁会帮助我!

1 个答案:

答案 0 :(得分:1)

在成功函数内尝试任何一个应该工作。

parent.jQuery.fancybox.close();parent.window.close();