Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript][AJAX] Przesyłanie "formularza" od AJAX'a do PHP
Forum PHP.pl > Forum > Przedszkole
thomson89
16.12.2009, 23:31:41
Witam!

Mam do zbudowania sklep internetowy. AJAX'a prawie nie znam a chcę zbudować panel, na jego podstawie tongue.gif

Ale nie w tym rzecz. Mam prosty formularz, kod. Tak do testów. Obecnie przesyłanie wartości pola typu text odbywa się poprzez metodę, którą można nazwać GET. Ale jeżeli będę miał więcej pól, w tych polach będą za długie wartości? Hasła? Przesyłanie takiego czegoś się nie sprawdzi. A kompletnie nie mam pomysłu, jak takie coś wykonać inną metodą. Metoda POST, ale bez przeładowania strony? Jak przesłać inaczej dane, z formularza bez kliknięcia submit do pliku php, aby ten je odebrał, przetworzył, zwrócił? Pomóżcie!

Plik PHP:
[PHP] pobierz, plaintext 
  1. <?php
  2. echo '<h1>'.$_GET['imie'].'</h1>';
  3. ?>
[PHP] pobierz, plaintext


Dokument HTML:
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
  3. transitional.dtd"> 
  4. <html> 
  5. <head> 
  6. <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
  7. <title>AJAX test</title> 
  8. </head>
  9. <body>
  10. <script language="javascript">
  11. // pierwsza część kodu var ObiektXMLHttp = false;
  12. if (window.XMLHttpRequest) 
  13.   { 
  14.    ObiektXMLHttp = new XMLHttpRequest(); } 
  15.    else if (window.ActiveXObject) 
  16.       { 
  17.        ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
  18.  
  19. // druga część kodu 
  20. function getData(zrodlo) { 
  21.  if(ObiektXMLHttp) 
  22.   {
  23.    var cel = document.getElementById('div');
  24.    ObiektXMLHttp.open("GET", zrodlo);
  25.  
  26. ObiektXMLHttp.onreadystatechange = function() 
  27. {
  28.  if (ObiektXMLHttp.readyState == 0 || ObiektXMLHttp.readyState == 1 || ObiektXMLHttp.readyState == 2 || ObiektXMLHttp.readyState == 3) {
  29. 	document.getElementById('div').innerHTML = '<img src="loading11.gif"/>'; }
  30.  
  31.  if (ObiektXMLHttp.readyState == 4)
  32.    {
  33. 	document.getElementById('div').innerHTML = "";
  34.     cel.innerHTML = ObiektXMLHttp.responseText; 
  35.    }
  36. } 
  37. // trzecia część kodu 
  38. ObiektXMLHttp.send(null); } } 
  39. </script>
  40. <div id="div">
  41. <form>
  42. <input type="text" id="imie">
  43. </form>
  44. <button onclick="getData('submit.php?imie=' + document.getElementById('imie').value, 'div');">Pobierz</button>
  45. </div> 
  46. </body>
  47. </html>
[HTML] pobierz, plaintext


Pozdrawiam!
skowron-line
16.12.2009, 23:52:22
Daj sobie spokój z "czystym" Ajax -em teraz jest tyle bibliotek do JS w których jest elegancka obsługa ajaxa (+ obsluga formularzy )że zrobienie tego co chcesz zajmie Ci moment a i będziesz pewien że wszystko działa pod różnymi przeglądarkami.

@DOWN
@bolverk twoja odpowiedz nic nie wniosła do tematu jak już chcesz polecać jakąś bibliotekę to chociaż rzuć linki które przydadzą się autorowi.
bolverk
16.12.2009, 23:53:46
To co kolega powyżej polecam + jQuery.
thomson89
17.12.2009, 09:46:20
JQuery!? Świetne narzędzie. Można bardzo ładne stronki w tym robić! Bardzo mi się to podoba. I mimo, że JS tak dobrze nie znam, to z manualem JQuery potrafię coś napisać. Dzięki!
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.