asynchroniczne pobieranie danych z formularza, ajax i php Opcje

[qbas-s]

Witam,
nie wiem jak rozwiązać nast problem:
Mam sobie pewien formularza a w nim textbox'y o jakiś nazwach i identyfikatorach. Chciałbym aby po naciśnięciu buttona dane te zostały asynchronicznie pobrane( bardzo mi zależy na tym aby strona się nie przeładowywała). Potem dane mają być przekazane do skryptu php gdzie są analizowane i filtrowane a nast zależnie od wyniku wyświetlany odpowiedni komunikat przy formularzu. Wszystko ma być asynchroniczne.
Próbowałem już zrobić plik php a w nim skrypt do sprawdzania tego form. Na stronie formularza wczytywałem go poprzez AJAX'a ale też nie działa.
Jeśli zrobię to poprzez <form action="blablabla" method="post"> i w skrypcie php naskrobie co należy do obsługi tego to oczywiści działa ale mija się jednocześnie z moim założeniem.

Proszę o pomoc

[erix]

Na stronie formularza wczytywałem go poprzez AJAX'a ale też nie działa.

Pokaż, jak go wczytywałeś.

[qbas-s]

Kod

var XMLHttpRequestObject = false;
if (window.XMLHttpRequest)
{
    XMLHttpRequestObject = new XMLHttpRequest();
}else if (window.ActiveXObject)
{
    XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData(dataSource, divID)
{
    if(XMLHttpRequestObject)
    {
        var obj = document.getElementById(divID);
        XMLHttpRequestObject.open("GET", dataSource);
      XMLHttpRequestObject.onreadystatechange = function ()
      {
        if (XMLHttpRequestObject.readyState == 4 &&
        XMLHttpRequestObject.status == 200)
        {
            obj.innerHTML = XMLHttpRequestObject.responseText;
        }
      }
      XMLHttpRequestObject.send(null);
    }
}

a potem w formularzu(oczywiście ten powyższy kod jest includowany wcześniej):

[HTML] pobierz, plaintext 
<input type="button" onclick="getData('skrypt.php','jakisDIV')" />
[HTML] pobierz, plaintext 

Powód edycji: [erix] poprawiłem bbcode

[erix]

A konsola błędów?

[qbas-s]

konsola nic nie krzyczy.
w skrypt.php mam do testowania coś takiego(testuje jeden textbox o name="test"):

if($test !="") echo'ok'; else echo':(';

oczywiście w textbox zawsze coś wpisuje

[erix]

Ale przecież nie masz żadnej wysyłki formularza...

Poza tym, w skrypcie sprawdzającym korzystasz ze zmiennych tworzonych przez register_globals, które są zaniechane.

Zerknij, co masz w tablicy $_POST.

[qbas-s]

Właśnie nie wiem jak dokonać analizy formularza nie używając submit'a jednocześnie eliminująć przeładowanie strony

[wookieb]

Dodajesz do niego zdarzenie onsubmit

Kod

<form method="post" action="..." onsubmit="return funkcja_ajax()">

Kod

funkcja_ajax()
{
//tutaj robisz sobie cos ajaxem badz sprawdzasz poprawnosc formularza.
// jak zwrocisz true zezwolisz na wysłanie formularza z przeładowaniem strony.
return false;
}

Ten post edytował wookieb 28.06.2009, 22:32:31

[qbas-s]

używając powyższej funkcji funkcja_ajaxa() wczytuje asynchronicznie plik php który ma sprawdzać formularz. Jak teraz pobrać za pomocą tego tego wczytanego skryptu dane wstukane do textboxów?

[wookieb]

tak samo jak sie odczytuje dane z pol formularza.
zobacz sobie tablice

Kod

document.forms[nazwa_formularza].elements

Badz poprostu odwoluje sie do pol po id. A tego to ucza w kazdym kursie js.

[qbas-s]

wiem jak z poziomu js to zrobić. jak to zrobić za pomocą php, bo przecież nie wysyłam danych poprzez formularz więc chyba metoda get lub post nie działa?
może pokaże istotny kod tego co chce zrobić. Do obsługi używam 3 plików:
rejestracja.php - czyli formularz rejestracyjny
modify.js - asynchroniczne pobierania zawartości plików
check_form_signup.php - prawie nic tam jeszcze nie ma ale ma za zadanie sprawdzić ten formularz

rejestracja.php

[PHP] pobierz, plaintext 
<?php
<script type="text/javascript" src="js/modify.js"></script>
 <form action="..." method="post" onsubmit="return getData2('logic/check_form_signup.php','test')">
<span id=form_input>
    <p>FORMULARZ REJESTRACYJNY
    <p><input type=text maxlength=70 name=login><br/>
    <p><input type=text maxlength=70><br/>
    <p><input type=password maxlength=70><br/>
    <p><input type=password maxlength=70><br/>
    <p><img src="php/obrazek.php" class=img_pass> 
        <input type=text class=img_inp_pass><br />
    
</span>
<span id=form_su_text>
    
    <p>Login<br><br>
    E-mail<br><br>
    HasĹ&#8218;o<br><br>
    Powtorz hasĹ&#8218;o<br /><br />
    Kod z obrazka
    
</span>
<span id=accept_reg>
    <p><input type=checkbox>.--- AkceptujÄ&#8482; <a href="">regulamin</a>|<a href="">politykÄ™ prywatnoĹ›ci</a></p>
</span>
<span id=accept_reg_bt>
    <p><input type=submit value=Rejestruj></p>
</span>
</form>
?>
[PHP] pobierz, plaintext 

modify.js
------------------------
function getData2(dataSource, divID)
{
if(XMLHttpRequestObject)
{
var obj = document.getElementById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function ()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200)
{
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
return false;
}



check_form_signup.php
----------------------------

[PHP] pobierz, plaintext 
<?php
 
          
  if($login != "") echo'skrypt działa'; else 
  echo'skrypt nie działa';
  
?>
[PHP] pobierz, plaintext 

[Fishu]

chyba brakuje objektu o id "test"
I jeszcze coś, jeżeli chcesz np. odbierać dane w php za pomocą metody GET to dodaj to do wywołanego pliku w js.
Tzn. zamiast

[HTML] pobierz, plaintext 
XMLHttpRequestObject.open("GET", dataSource);
[HTML] pobierz, plaintext 

Daj:

[HTML] pobierz, plaintext 
XMLHttpRequestObject.open("GET", dataSource + "?login=abc");
[HTML] pobierz, plaintext 

Ten post edytował Fishu 29.06.2009, 18:23:58

[qbas-s]

zapomniałem - obiekt o id="test" był i jest tylko że w index.php:)