Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Wysyłanie formularza
Forum PHP.pl > Forum > XML, AJAX > AJAX
ArtekZ
1.12.2011, 19:38:52
Witam wszystkich,
To mój pierwszy post na forum, tak że jakby nie ten dział albo coś to poprawcie mnie. A wiec tak. Zacznijmy od tego, że z jQuery jak i php dopiero zaczynam (z jQuery trochę bardziej) i wielu ale to wielu rzeczy nie wiem. Mam taki skrypt:

Plik js:
[PHP] pobierz, plaintext 
  1. var default_content="";
  2.  
  3. $(document).ready(function(){
  4.  
  5. 	checkURL();
  6. 	$('a').click(function (e){
  7.  
  8. 			checkURL(this.hash);
  9.  
  10. 	});
  11.  
  12. 	default_content = $('#bodyContainer').html();
  13.  
  14.  
  15.  
  16. });
  17.  
  18. var lasturl="";
  19.  
  20. function checkURL(hash)
  21. {
  22. 	if(!hash) hash=window.location.hash;
  23.  
  24. 	if(hash != lasturl)
  25. 	{
  26. 		lasturl=hash;
  27.  
  28. 		if(hash=="")
  29. 		$('#bodyContainer').html(default_content);
  30.  
  31. 		else
  32. 		loadPage(hash);
  33. 	}
  34. }
  35.  
  36.  
  37. function loadPage(url)
  38. {
  39. 	url=url.replace('#','');
  40.  
  41. 	$('#loading').css('visibility','visible');
  42.  
  43. 	$.ajax({
  44. 		type: "POST",
  45. 		url: "wczytaj_strone.php",
  46. 		data: 'page='+url,
  47. 		dataType: "html",
  48. 		success: function(msg){
  49.  
  50. 			if(parseInt(msg)!=0)
  51. 			{
  52. 				$('#bodyContainer').html(msg);
  53. 				$('#loading').css('visibility','hidden');
  54. 			}
  55. 		}
  56.  
  57. 	});
  58.     }
  59.  
[PHP] pobierz, plaintext



plik wczytaj_strone.php
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3.        if(!$_POST['page']) die("0");
  4.  
  5.        $page = $_POST['page'];
  6.  
  7.        if(file_exists($page.'.php'))
  8.            require_once $page.'.php';
  9.         else echo 'Podana strona nie istnieje !!!';
  10. ?>
[PHP] pobierz, plaintext


i plik z formularzem
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.     <head>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6.         <title>Strona główna</title>
  7.         <link rel="stylesheet" href="style.css" type="text/css"/>
  8.         <link rel="stylesheet" href="style2.css" type="text/css"/>
  9.         <script  src="jquery.js" type="text/javascript"></script>
  10. 	<script  src="funkcje.js" type="text/javascript"></script>
  11.     </head>
  12.     <body>
  13.           <div class="log">
  14. 		<div id="bodyText">
  15.                     <form name="form" action="#plik" method="post">
  16.                         <input type="text" name="pole"/>
  17.                         <input type="submit" value="wyślij" name="wysylanie"/>
  18.  
  19.                     </form>
  20.  
  21. 		</div>
  22.             </div>
  23.  
  24.    </body>
  25. </html>
[HTML] pobierz, plaintext


jQuery używam tu do dynamicznego przerzucania stron i to działa idealnie, ale mam problem z tym że gdy wysyłam formularz to nie dociera do strony do której go wysyłam. Gdyby ktoś wiedział gdzie mam błąd, bardzo proszę o pomoc.
dami95
8.12.2011, 22:02:36
Na pierwszy rzut oka:
[JAVASCRIPT] pobierz, plaintext 
  1. dataType: "html",
[JAVASCRIPT] pobierz, plaintext

jest zbędne...

Przykładowa funkcja ajax:
[JAVASCRIPT] pobierz, plaintext 
  1. var data = 'check=1&submitted=1';
  2. $.ajax({
  3. 	type: 'POST',
  4. 	url: 'do.php',
  5. 	data: data,
  6. 	success: function(data) {
  7.   		[zrób coś tam...]
  8. 	}
  9. });
[JAVASCRIPT] pobierz, plaintext
ArtekZ
9.12.2011, 02:04:42
Spoko już sobie poradziłem. Napisałem własny skrypt i hula aż miło, temat do usunięcia.
qrooel
9.12.2011, 09:12:47
Cytat(ArtekZ @ 9.12.2011, 02:04:42 ) *
Spoko już sobie poradziłem. Napisałem własny skrypt i hula aż miło, temat do usunięcia.


To może go pokażesz? Ktoś może mieć podobny problem w przyszłości.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.