Отправьте каждый шаг, а затем следующий в мастере начальной загрузки

На самом деле мне нужно создать форму с несколькими шагами. Используя мастер начальной загрузки, я много пробовал, но он переходит к первому шагу, когда отправляется один шаг (форма). Как я могу предотвратить его переход к первому шагу и переход к следующему шагу после успешного сохранения текущих данных в базе данных. Я использую языки php и javascript. Любая помощь ? Является ли это возможным? или мне нужно создать страницу для каждого шага, а не вкладки мастера. Заранее спасибо.


jquery formwizard jquery-steps
person Sahib    schedule 21.06.2014    source источник
comment
есть много мастеров начальной загрузки, которые вы используете, вы не ожидаете, что мы догадаемся   -  person Smith    schedule 31.10.2014
comment
Привет, Сахиб, пожалуйста, ты получил ответ на свой вопрос. У меня также есть аналогичная задача, я хочу отправить или запросить в/из базы данных нажатием кнопки «Далее», но я понятия не имею, как это сделать.   -  person Kunbi    schedule 31.10.2014
comment
попробуйте эту ссылку stackoverflow .com/questions/24599180/   -  person Parik Tiwari    schedule 21.11.2014

Ответы (2)


arrow_upward
6
arrow_downward

я работал с мастером начальной загрузки, я использовал следующий код для перехода на следующую или предыдущую вкладку после отправки данных.

для перехода к следующей вкладке

$('#form_wizard').bootstrapWizard('next');

для перемещения предыдущего

$('#form_wizard').bootstrapWizard('previous');

посмотрите здесь

person chriz    schedule 21.06.2014
comment
А потом $('#form_wizard').bootstrapWizard('next'); снова сбрасывается на первый - person Sahib; 21.06.2014
comment
Как насчет моего вопроса об использовании пошагового мастера в форме заявки? Заранее спасибо... - person ; 02.09.2019

arrow_upward
2
arrow_downward

Когда вы нажимаете кнопку Submit, вы можете сделать вызов ajax и отправить свои данные на серверную часть в виде jsonObject. В своем бэкэнде вы обрабатываете свои данные по своему усмотрению и отправляете ответ. Итак, success вы возвращаетесь на свою страницу, не перезагружая ее, и продолжаете с того места, где были до этого. Вот грубый пример

$('#submit_btn').click(function() {
   $.ajax({
          type: "POST",
          url: "/your/page",
          data: jsonData,
          contentType:'application/json',
          processData: false,              
          error: function(response) {console.log('ERROR '+Object.keys(response)); },
          success: function(response) { console.log('SuCCESS'+Object.keys(response));
});

Обратите внимание, что ответ является объектом, и вы можете получить его данные следующим образом response.*attribute*

person stamstam    schedule 03.10.2014