Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.08.2013, 12:18
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

$.ajax не работает второй раз
Здравствуйте, появилась проблема:
Есть несколько форм. После submit методом $.ajax первой (при результате success) появляется кнопка далее. После нажатия на нее методом load загружается вторая форма. И точно так же при submit методом $.ajax второй должна появляться кнопка далее. Но страница попросту перегружается.
Вот код:
Первая форма:
<form id="langs_form" method="post">
<fieldset>
	<select size="3" name="lang" id="lang">
    	<option value="en">Английский</option>
        <option value="ru" selected="selected">Русский</option>
        <option value="ua">Украинский</option>
    </select>
    <div id="lang_handler"></div>
    <div id="lang_buttons">
    <input type="submit" id="lang_sub" value="Выбрать"/>
    </div>
</fieldset>
</form>

Вторая форма:
<form id="mysql_form" method="post">
<fieldset>
	<label for="server">Имя сервера базы данных</label><input type="text" id="server" name="server"/>
    <label for="db">Имя базы данных </label><input type="text" id="db" name="db"/>
    <label for="db_pref">Префикс таблиц</label><input type="text" id="db_pref" name="db_pref""/>
    <label for="db_user">Имя пользователя БД</label><input type="text" id="db_user" name="db_user"/>
    <label for="db_pass">Пароль</label><input type="password" id="db_pass" name="db_pass"/>
    <div id="mysql_buttons">
    <input type="button" id="mysql_prev" onclick="slide(0)" value="Назад"/>
    <input type="submit" id="mysql_sub" value="Подключиться"/>
    </div>
</fieldset>
</form>


А вот код ajax.js:
jQuery('#langs_form').ready(function() {
    jQuery('#langs_form').submit(function(){
//при отправке формы собираем все данные из полей 
        var data1 = 'lang='+jQuery('select#lang').val();
		jQuery.ajax({  
      		type: "POST",  
      		url: "install/packages/langs_handler.php",  //здесь указываем ИД ресурса, куда будет оправлен AJAX запрос
      		data: data1,
      		success: function(){ success(1) },
	  		error: function(){ error(1) }
    	}); 
		return false; 
	});
});
//***********************************************mysql_form обработка***********************************************
jQuery('#mysql_form').ready(function() {
    jQuery('#mysql_form').submit(function(){
        //при отправке формы собираем все данные из полей и ИД страницы
		var server = jQuery("input#server").val();
		var db = jQuery("input#db").val();
		var pref = jQuery("input#db_pref").val();
		var user = jQuery("input#db_user").val();
		var pass = jQuery("input#db_pass").val();
		
		var data2 = 'server=' +server+ 'db=' +db+ 'db_pref=' +pref+ 'db_user=' +user+ 'db_pass=' +pass;
//Запрос Ajax
	    jQuery.ajax({  
      		type: "POST",  
      		url: "install/packages/mysql_handler.php",  //здесь указываем ИД ресурса, куда будет оправлен AJAX запрос
      		data: data2,
      		success: function(){ success(2) },
	  		error: function(){ error(2) }
    	}); 
		return false; 
	});
});

В чем проблема ??????

Последний раз редактировалось Synov_son, 04.08.2013 в 13:07.
Ответить с цитированием
  #2 (permalink)  
Старый 04.08.2013, 12:57
Аспирант
Отправить личное сообщение для Sherminator Посмотреть профиль Найти все сообщения от Sherminator
 
Регистрация: 01.08.2012
Сообщений: 50

ну так понятно, у тебя на второй форме нет идентификатора "mysql_form", поэтому и событие второго аякса обрабатывать некому.
Ответить с цитированием
  #3 (permalink)  
Старый 04.08.2013, 12:59
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

О Боже, кошмар. Спасибо, вот это невнимательность
Ответить с цитированием
  #4 (permalink)  
Старый 04.08.2013, 13:00
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

Все равно вылетает
Ответить с цитированием
  #5 (permalink)  
Старый 04.08.2013, 13:03
Аспирант
Отправить личное сообщение для Sherminator Посмотреть профиль Найти все сообщения от Sherminator
 
Регистрация: 01.08.2012
Сообщений: 50

Всмысле вылетает?
Ответить с цитированием
  #6 (permalink)  
Старый 04.08.2013, 13:04
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

Да я и другую форму ставил которой не нужно было $.ajax (Пользовательское соглашение), там при нажатии submit сразу перелистывать должно было, но нет - перезагрузка страницы...
Ответить с цитированием
  #7 (permalink)  
Старый 04.08.2013, 13:04
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

Вылетает - перезагружает страницу
Ответить с цитированием
  #8 (permalink)  
Старый 04.08.2013, 13:09
Аспирант
Отправить личное сообщение для Sherminator Посмотреть профиль Найти все сообщения от Sherminator
 
Регистрация: 01.08.2012
Сообщений: 50

есть пример, просто хочу посмотреть как оно должно выглядеть?
Ответить с цитированием
  #9 (permalink)  
Старый 04.08.2013, 13:11
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

Минуту
Ответить с цитированием
  #10 (permalink)  
Старый 04.08.2013, 13:14
Аспирант
Отправить личное сообщение для Synov_son Посмотреть профиль Найти все сообщения от Synov_son
 
Регистрация: 02.08.2013
Сообщений: 74

http://nick.youstronger.com.ua/ - вот (просто нажимайте выбрать, далее и попробуйте с любыми данными вторую форму проsubmitить).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
$.ajax не работает в IE9. В чем проблема? Vitaliy88 AJAX и COMET 1 25.03.2013 14:07
$('#id') не работает для некоторых элементов tmvrus jQuery 10 12.10.2010 15:45
Не выполнять ф-цию второй раз, пока она не проработает до конца. peter888 Элементы интерфейса 2 04.04.2010 13:04
Динамическая HTML форма (FireFox - работает, IE - не работает) dm1tr1y Общие вопросы Javascript 10 11.12.2009 15:59
Скрипт меню-гармошки работает выборочно Extern Элементы интерфейса 2 23.02.2009 15:32