AJAX在提交时返回两次数据

时间:2014-02-20 02:49:22

标签: javascript php jquery html ajax

我想在表单上添加叠加层,而不是将用户重定向到新页面。不知何故,以下代码返回叠加两次。

AJAX

$(document).ready(function ()
{
    $('#form_informations').submit(function () 
    {
        $.get('php/formulaires.php', $(this).serialize(), function (data)
        {
            $('#form_informations').append('<div id="conf_informations" class="confirm"><p><img src="img/check.png" /><br /><?=FORMULAIRE_SAUVEGARDE;?></p></div>');
        });
        return false;
    });
});

ID #form_informations仅使用一次。

目前,第二个叠加层未在php/formulaires.php中创建,因为该文件为空,因为我还没有开始解析数据。

为什么会这样?我没看到第二个叠加来自哪里。

这是HTML表单:

HTML表单

<form id="form_informations" method="post" enctype="multipart/form-data">
    <!-- form here -->
    <input type="submit" name="submit_general" value="Save" />
</form>

1 个答案:

答案 0 :(得分:0)

可能你可以在提交功能中添加这样的代码

if(!$("#conf_informations").size()) {
    $.get... //your get request here
}

最终解决方案

if(!$("#conf_informations").length()) {
    $.get... //your get request here
}