Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 必须提交两次ajax表单才能提交_Jquery_Ajax_Forms - Fatal编程技术网

Jquery 必须提交两次ajax表单才能提交

Jquery 必须提交两次ajax表单才能提交,jquery,ajax,forms,Jquery,Ajax,Forms,我有一个简单的AJAX表单,但我必须点击提交按钮两次,以提交stackoverflow尝试过的许多解决方案。似乎什么都不起作用。有人能帮忙吗 更新: 改变 <button type="submit" class=" btn btn-info btn-large-maxi">LANCEZ L'ANALYSE GRATUITE</button> LANCEZ L'analysis小费 到 LANCEZ L'analysis小费 现在它可以工作了,感谢提供解决方案的无名评

我有一个简单的AJAX表单,但我必须点击提交按钮两次,以提交stackoverflow尝试过的许多解决方案。似乎什么都不起作用。有人能帮忙吗

更新:

改变

<button type="submit" class=" btn btn-info btn-large-maxi">LANCEZ L'ANALYSE GRATUITE</button>
LANCEZ L'analysis小费

LANCEZ L'analysis小费
现在它可以工作了,感谢提供解决方案的无名评论者

$('#etude-accueil').submit(function(e) {  

    $('#loader').html('<h1 style="margin:auto;text-align: center;">Generating Theme</h1><br><img src="load.gif"   alt="">');
    $(".benifit-result").addClass("ajax-load");

    $.post('/free/forcast/votre-resultats.php', $(this).serialize(), function(data) {


        setTimeout(function() {
            $('.benifit-result').html(data);
            $('#nav-buy').html("<a id='promo-button' href='pay.php'  class='btn btn-info btn-large-maxi pull-right'   >Buy Template</a>");
            $('#navigation').html("<a href='pay.php' id='mobile-nav'  class='btn btn-info btn-large-maxi '   >Buy Template</a>");

        }, 7000);
    });


    e.preventDefault();

});

jQuery.ajaxSetup({
    beforeSend: function() {

        $('#loader').show();


    },
    complete: function() {
        setTimeout(function() {
            $('#loader').hide();
        }, 7000);
        setTimeout(function() {
            $(".benifit-result").removeClass("ajax-load");
        }, 7000);
    }
});
$('etude accueil')。提交(函数(e){
$('#loader').html('生成主题
'); $(“.benifit result”).addClass(“ajax加载”); $.post('/free/forcast/votre resultats.php',$(this.serialize(),函数(数据){ setTimeout(函数(){ $('.benifit result').html(数据); $('#nav buy').html(“”); $(“#导航”).html(“”); }, 7000); }); e、 预防默认值(); }); jQuery.ajaxSetup({ beforeSend:function(){ $(“#加载程序”).show(); }, 完成:函数(){ setTimeout(函数(){ $(“#加载程序”).hide(); }, 7000); setTimeout(函数(){ $(.benifit result”).removeClass(“ajax加载”); }, 7000); } });
延迟7秒,你确定它不是第一次发布吗?是的,它在第一次尝试时发布了一些消息,但很多时候它没有发布。为什么你在7秒的回调后处理响应?显示加载图标:)顺便说一句,我想问题已经解决了。一位用户评论说,她尝试使用普通按钮,而不是类型为submit的按钮我不知道他为什么删除了他的答案:(
$('#etude-accueil').submit(function(e) {  

    $('#loader').html('<h1 style="margin:auto;text-align: center;">Generating Theme</h1><br><img src="load.gif"   alt="">');
    $(".benifit-result").addClass("ajax-load");

    $.post('/free/forcast/votre-resultats.php', $(this).serialize(), function(data) {


        setTimeout(function() {
            $('.benifit-result').html(data);
            $('#nav-buy').html("<a id='promo-button' href='pay.php'  class='btn btn-info btn-large-maxi pull-right'   >Buy Template</a>");
            $('#navigation').html("<a href='pay.php' id='mobile-nav'  class='btn btn-info btn-large-maxi '   >Buy Template</a>");

        }, 7000);
    });


    e.preventDefault();

});

jQuery.ajaxSetup({
    beforeSend: function() {

        $('#loader').show();


    },
    complete: function() {
        setTimeout(function() {
            $('#loader').hide();
        }, 7000);
        setTimeout(function() {
            $(".benifit-result").removeClass("ajax-load");
        }, 7000);
    }
});