отправка другого AJAX, загруженного одной и той же пользовательской кнопкой отправки

Question

Так что это довольно сложно, что я пытаюсь сделать. Итак, позвольте мне привести пример кода, с которым я начал работать: { я использую плагин jquery rotate }

$("#img").rotate({ 
    bind: 
      { 
         click: function(){
           postlogic();
           $(this).rotate({ angle:0,animateTo:-360,easing: $.easing.easeInOutExpo });
         }
     } 

});

function submitlogic(){
    // ---------------- post cache ----------------//
    var firstpost = $("#form_1").serialize();
    var secondpost = $("#form_2").serialize();

    // ------------ post logic -----------------//              
    if(pagetrack = 1){
        $.post('query1.php',firstpost,function(data) { 
            $("#new_content_here").html(data);
        });
        var pagetrack = 2;
    } else if(pagetrack = 2){
        $.post('query2.php',secondpost,function(data) { 
            $("#new_content_here").html(data);
        });
        var pagetrack = 3;   
    }
}

В основном я хочу, чтобы это изображение было моей кнопкой отправки. Эта кнопка-изображение всегда будет на странице и будет вести себя одинаково. У меня есть несколько опций для публикации, пользователь нажимает мою вращающуюся кнопку, опции передаются в базу данных, и отображаются новые опции, а затем пользователь переходит к их выбору. "Pagetrack" треки, из которых я нахожусь.

Моя проблема в том, что после отправки в первый раз я не могу заставить отправку снова работать. Возможно, мне не хватает какой-то большой концепции, но я не знаю, что это. Кто-нибудь может мне помочь?

Answer 1

вам нужно объявить переменную pagetrack вне функции submitlogic, чтобы состояние оставалось между вызовами функции.

var pagetrack = 1;
function submitlogic(){
    // ---------------- post cache ----------------//
    var firstpost = $("#form_1").serialize();
    var secondpost = $("#form_2").serialize();

    // ------------ post logic -----------------//              
    if(pagetrack = 1){
        $.post('query1.php',firstpost,function(data) { 
            $("#new_content_here").html(data);
        });
        pagetrack = 2;
    } else if(pagetrack = 2){
        $.post('query2.php',secondpost,function(data) { 
            $("#new_content_here").html(data);
        });
        // if you have only two elements you should use pagetrack = 1; here
        pagetrack = 3;   
    }
}