[PHP][JavaScript][AJAX] Przesyłanie "formularza" od AJAX'a do PHP

[PHP][JavaScript][AJAX] Przesyłanie "formularza" od AJAX'a do PHP

thomson89 Zobacz profil	16.12.2009, 23:31:41 Post #1
Grupa: Zarejestrowani Postów: 1 178 Pomógł: 51 Dołączył: 7.01.2009 Skąd: Gdańsk Ostrzeżenie: (0%)	Witam! Mam do zbudowania sklep internetowy. AJAX'a prawie nie znam a chcę zbudować panel, na jego podstawie 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 <?php echo '<h1>'.$_GET['imie'].'</h1>'; ?> [PHP] pobierz, plaintext Dokument HTML: [HTML] pobierz, plaintext <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>AJAX test</title> </head> <body> <script language="javascript"> // pierwsza część kodu var ObiektXMLHttp = false; if (window.XMLHttpRequest) { ObiektXMLHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } // druga część kodu function getData(zrodlo) { if(ObiektXMLHttp) { var cel = document.getElementById('div'); ObiektXMLHttp.open("GET", zrodlo); ObiektXMLHttp.onreadystatechange = function() { if (ObiektXMLHttp.readyState == 0 \|\| ObiektXMLHttp.readyState == 1 \|\| ObiektXMLHttp.readyState == 2 \|\| ObiektXMLHttp.readyState == 3) { document.getElementById('div').innerHTML = '<img src="loading11.gif"/>'; } if (ObiektXMLHttp.readyState == 4) { document.getElementById('div').innerHTML = ""; cel.innerHTML = ObiektXMLHttp.responseText; } } // trzecia część kodu ObiektXMLHttp.send(null); } } </script> <div id="div"> <form> <input type="text" id="imie"> </form> <button onclick="getData('submit.php?imie=' + document.getElementById('imie').value, 'div');">Pobierz</button> </div> </body> </html> [HTML] pobierz, plaintext Pozdrawiam! Ten post edytował thomson89 16.12.2009, 23:33:59 -------------------- Sklep 70%