Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ajax php formularz
Forum PHP.pl > Forum > XML, AJAX
robert1974
czesc,
Pomozcie, cos robie lub rozumiem zle.

mam funkcje pokazujaca zawartosc tabeli bazy danych:

  1. <script>
  2. //setInterval(function() {showData();},5000);
  3. function showData()
  4. {
  5. var xmlhttp=new XMLHttpRequest();
  6. xmlhttp.onreadystatechange=function() {
  7. if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  8. document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  9. }
  10. }
  11.  
  12. xmlhttp.open("GET","edu_table.php",false);
  13. xmlhttp.send();
  14. }
  15. </script>


teraz....
jesli uzywam: setInterval(function() {showData();},5000); to dziala, wyswietla i odswieza.

jesli uzywam w forumlarzu:
<td><input type="text" placeholder=" Filtruj..." name="filter_instrument" value="" id='filter_instrument' onkeyup="showData()"></td>
to tez dziala i wyswietla bo wpisaniu czegokolwiek w pole filtra.

ale jak chce wyswietlic poprzez wcisniecie guzika to sie nie pojawia, albo sie pojwia na ulamek sekundy i znika. Jesli dobrze rozumiem, to wcisniecie tego guzika przeladowuje strone,tylko jak zrobic by te pokazywalo zawartosc tabel:

<input name="BtnSubmit" type="submit" value="Get Access" onclick="showData()" >


pytanie: jak zrobic by po wcisnieciu guzika tez sie pojawialo?
kayman
<button onclick="showData()">Get Access</button>

lub

<input name="BtnSubmit" type="button" value="Get Access" onclick="showData()" >
robert1974
dzieki, tak w ten sposob dziala OK,

...tylko ze ja kombinuje jak uzyc metody POST by w tym edu_table.php uzyc wpisanej przez uzytkownika wartosci do SELECTa odpowiednich danych.
Poprzez GET to juz wiem, ale probuje przez POST jakos.

a dodatkowo, to tego submita chcialbym wywolac nie tylko po wciasniciu guzika, ale tez gdy tylko zmieniona zostanie zawartosc pola filtruj.

....zrobilem przy pomocy GET w koncu. nie udalo mi sie poprzez POST.

  1. var xmlhttp=new XMLHttpRequest();
  2. xmlhttp.onreadystatechange=function() {
  3. if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  4. document.getElementById("results").innerHTML=xmlhttp.responseText;
  5.  
  6. }
  7. }
  8.  
  9. xmlhttp.open("GET","edu_table.php?ins="+ins+"&&"+czas+"&&sig="+syg+"&&"+kie,true);
  10. xmlhttp.send();
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-2024 Invision Power Services, Inc.