Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Wysyłanie danych z formularza...
lukesh
post 18.02.2007, 23:43:48
Post #1





Grupa: Zarejestrowani
Postów: 113
Pomógł: 14
Dołączył: 25.08.2006

Ostrzeżenie: (0%)
-----

Witam!

Chciałbym zapytać, jak będzie wyglądał skrypt, który prześle dane z formularza metodą POST do dowolnego pliku, nie przeładowując przy tym strony?

Dla przykładu, prosty formularz:

[HTML] pobierz, plaintext 
  1. <form method="post" action="akcja.php">
  2. <input type="text" name="nazwa">
  3. <input type="submit" value="OK">
  4. </form>
[HTML] pobierz, plaintext


Standardowo, przeglądarka przejdzie na stronę akcja.php, gdzie zawartość pola "nazwa" zostanie przekazana.

Jak tego uniknąć? Chodzi mi głównie o skrypt JS, który prześle tę informację do pliku akcja.php i wyświetli plik akcja.php, który może wyglądać np. tak:

[PHP] pobierz, plaintext 
  1. <?php
  2. echo "$nazwa";
  3. ?>
[PHP] pobierz, plaintext


Pozdrawiam,
z góry dzięki za pomoc!


--------------------
Edumemo.pl - Nauka Języków Obcych
Go to the top of the page
+Quote Post
kriqs
post 19.02.2007, 00:50:35
Post #2





Grupa: Zarejestrowani
Postów: 148
Pomógł: 0
Dołączył: 31.05.2006

Ostrzeżenie: (0%)
-----

dzial jest dobry wiec wiesz czego szukasz ale ci sie nie chce smile.gif poszukaj o "advAjax" znajdziesz napewno smile.gif

pozdrawiam


--------------------
Pozdrawiam
kriqs

mam nadzieje ze pomoglem :)
Go to the top of the page
+Quote Post
lukesh
post 19.02.2007, 02:45:17
Post #3





Grupa: Zarejestrowani
Postów: 113
Pomógł: 14
Dołączył: 25.08.2006

Ostrzeżenie: (0%)
-----

Witam ponownie!

Nie interesują mnie żadne gotowe AJAKSY, jak np. advAjax czy mintAjax... Chciałem zrobić coś swojego, aby użytkownik nie musiał pobierać pliku z niepotrzebnymi mu do niczego funkcjami...

Przeszukałem trochę internat i na podstawie stron: http://developer.mozilla.org/pl/docs/AJAX:Na_pocz%C4%85tek i http://www.captain.at/howto-ajax-form-post-request.php udało mi się stworzyć prosty skrypt, który przesyła dane z formularza do pliku PHP, nieprzechodząc do kolejnej strony...

Oto kod pliku html:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" language="javascript">
  4.     var http_request = false;
  5.     function makePOSTRequest(url, parameters) {
  6.         http_request = false;
  7.         if (window.XMLHttpRequest) {
  8.             http_request = new XMLHttpRequest();
  9.             if (http_request.overrideMimeType) {
  10.                 http_request.overrideMimeType('text/html');
  11.             }
  12.         } else if (window.ActiveXObject) {
  13.             try {
  14.                 http_request = new ActiveXObject("Msxml2.XMLHTTP");
  15.             } catch (e) {
  16.                 try {
  17.                     http_request = new ActiveXObject("Microsoft.XMLHTTP");
  18.                 } catch (e) {}
  19.             }
  20.         }
  21.  
  22.         http_request.onreadystatechange = function(){
  23.             if (http_request.readyState == 1) {
  24.                 document.getElementById('div').innerHTML = "Ładowanie...";
  25.             }
  26.             if (http_request.readyState == 4) {
  27.                 if (http_request.status == 200) {
  28.                     result = http_request.responseText;
  29.                     document.getElementById('div').innerHTML = result;
  30.                 }
  31.                 else {
  32.                     document.getElementById('div').innerHTML = "Wystąpił błąd!";
  33.                 }
  34.             }
  35.         };
  36.  
  37.         http_request.open('POST', url, true);
  38.         http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  39.         http_request.send(parameters);
  40.  
  41.         }
  42.  
  43.         function get() {
  44.             var dane = "tekst=" + encodeURIComponent( document.getElementById("tekst").value );
  45.             makePOSTRequest('post.php', dane);
  46.         }
  47. </script>
  48. </head>
  49. <body>
  50. <form action="java script:get();">
  51. <textarea id="tekst"></textarea><br>
  52. <input type="submit" name="button" value="Wyślij">
  53. </form>
  54. <br>
  55. Tekst: <div id="div"></div>
  56. </body>
  57. </html>
[HTML] pobierz, plaintext


I plik PHP (post.php):

[PHP] pobierz, plaintext 
  1. <?
  2. echo "$tekst";
  3. ?>
[PHP] pobierz, plaintext


Wszystko działa tak, jak powinno, ale nie jestem do końca pewien, czy kod jest dobrze napisany... Nigdy wcześniej nie miałem styczności z JS, nie modyfikowałem żadnego innego kodu, nie mam o tym najmniejszego pojęcia... Ten kod starałem się napisać intuicyjnie, myśląc logicznie... Chyba się udało. smile.gif Bynajmniej - proszę o jakieś komentarze.

Pozdrawiam!


--------------------
Edumemo.pl - Nauka Języków Obcych
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 10.07.2025 - 05:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn