Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript][AJAX] Przesyłanie "formularza" od AJAX'a do PHP
thomson89
post
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 (IMG:style_emoticons/default/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!

Ten post edytował thomson89 16.12.2009, 23:33:59
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
thomson89
post
Post #2





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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

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!
Go to the top of the page
+Quote Post

Posty w temacie
- thomson89   [PHP][JavaScript][AJAX] Przesyłanie "formularza" od AJAX'a do PHP   16.12.2009, 23:31:41
- - skowron-line   Daj sobie spokój z "czystym" Ajax -em te...   16.12.2009, 23:52:22
- - bolverk   To co kolega powyżej polecam + jQuery.   16.12.2009, 23:53:46
- - thomson89   JQuery!? Świetne narzędzie. Można bardzo ładne...   17.12.2009, 09:46:20

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 14.10.2025 - 08:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn