ajax php formularz Opcje

[robert1974]

czesc,
Pomozcie, cos robie lub rozumiem zle.

mam funkcje pokazujaca zawartosc tabeli bazy danych:

[XML] pobierz, plaintext 
<script>
//setInterval(function() {showData();},5000);
function showData() 
{
  var xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
 
  xmlhttp.open("GET","edu_table.php",false);
  xmlhttp.send();
}
</script> 
[XML] pobierz, plaintext 

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?

Ten post edytował robert1974 19.02.2015, 01:30:04

[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.

[XML] pobierz, plaintext 
var xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
   	  document.getElementById("results").innerHTML=xmlhttp.responseText;
 
    }
  }
 
  xmlhttp.open("GET","edu_table.php?ins="+ins+"&&"+czas+"&&sig="+syg+"&&"+kie,true);
  xmlhttp.send();
[XML] pobierz, plaintext 

[trueblue]

http://www.w3schools.com/ajax/tryit.asp?fi...e=tryajax_post2