ajax i formularz. Opcje

[boosik01]

Cześć piszę właśnie grę przeglądarkową ale utknąłem w jednym miejscu. A mianowicie nie mogę coś poradzić sobie z formularzem.
Strony otwierają się za pomocą ajaxu, czyli bez przeładowania. W takim wypadku adres nie zmienia się tylko stale jest link.pl>
Tylko chciałbym teraz zrobić formularz lecz nie mam pojęcia co umieścić w action.

Plik: links.js

[XML] pobierz, plaintext 
function ajax_link(class) {	
 
 
	var loading = $("#top_zegar");
	var container = $("#ready"); 
 
 
 
 
	$(class).click(function(){
 
 
 
			$.ajax({
					type: "GET",
					url: $(this).attr("href"),
					async: true,
					dataType: "html",
					cache: false,
					beforeSend: function() {		showLoading();		},
					complete: function() {		hideLoading();	container.css({opacity:"1"}); },
					success: function(msg) {		container.html(msg);			},
        	  		error: function (XMLHttpRequest, textStatus, errorThrown) {        	container.html('<h1 class="ng">Błąd</h1>Podczas wczytywania strony, wystąpił błąd.');			}
				});	
 
		return false;
 
 
	});
 
function showLoading(){
		loading.css({visibility:"visible"}).css({display:"block"}).css({opacity:"1"});
		container.css({opacity:"0.3"});	
 
 
	}
 
function hideLoading(){	loading.css({opacity:"0"});	}; 
 
 
}
[XML] pobierz, plaintext 

Formularz:

[PHP] pobierz, plaintext 
<h1 class="ng">Rejestracja</h1>
 
 
<form action="" method="post">
	Login: <br /><input type="text" name="login"><br /><br />
	Hasło: <br /><input type="text" name="login"><br /><br />
	Powtórz Hasło: <br /><input type="text" name="login"><br /><br />
	Email: <br /><input type="text" name="login"><br /><br /><br />
	<input type="submit" name="ok" value="Zarejestruj" style=" border:none; font-weight:bold;"/>
</form>
 
<?php
 
if(isset($_POST['ok']))
	{
		echo 'aaaaa' ;
	}
?>
 
 
[PHP] pobierz, plaintext 

[shikamaru88]

Spoko (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
 
<form id="register-form" action="action.php">
<input type="text" name="name1" />
<input type="text" name="name2" />
<span id="send-form">wyślij</span>
</form>
 
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$('#send-form').click(function(){
       var data = $('#register-form').serialize(); //zbierasz wszystkie wartosci formularza
       var url = $('#register-form').attr('action'); //tu masz url gdzie ma byc wyslany formularz
      $.ajax({
					type: "POST",
					url: url,
					dataType: 'html',
                                        data: data,
					beforeSend: function() {		showLoading();		},
					complete: function() {		hideLoading();	container.css({opacity:"1"}); },
					success: function(msg) {		container.html(msg);			},
        	  		error: function (XMLHttpRequest, textStatus, errorThrown) {        	container.html('<h1 class="ng">Błąd</h1>Podczas wysyłania, wystąpił błąd.');			}
				});
});
[JAVASCRIPT] pobierz, plaintext 

To jest samo wysłanie ajaxem musisz zrobić jeszcze walidację. Polecam http://flowplayer.org/tools/validator/index.html.

Ten post edytował shikamaru88 14.06.2011, 15:37:01