Показать сообщение отдельно
  #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.
Ответить с цитированием