<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Űrlapadatok továbbítása különböző módszerekkel</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-09-19" />
      <meta name="revised" content="Tóth Péter, 19/09/2012" />
      <meta name="description" content="JavaScript - AJAX - Űrlapadatok továbbítása különböző módszerekkel" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <script type="text/javascript">
         <!--
            // GET metódussal
            function funcModszer1(){
               // AJAX hívás előkészítése
               if(window.XMLHttpRequest)
                  xmlhttp=new XMLHttpRequest();
               else
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
               // Kezelő php program beállítása és paramézterezése
               xmlhttp.open("GET","http://tptg.hu/egyetem/webc2/ajax_formcheck.php?nev="+document.getElementById("idNev").value+"&eletkor="+document.getElementById("idEletkor").value+"&telepules="+document.getElementById("idTelepules").value+"&megjegyzes="+document.getElementById("idMegjegyzes").value,true);
               // Válasz lekezelése
               xmlhttp.onreadystatechange=function(){
                  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                     // Válasz megjelenítése
                     document.getElementById("idValasz").innerHTML=xmlhttp.responseText;
                     }
                  }
               // AJAX hívás
               xmlhttp.send();
               }
            // POST metódussal
            function funcModszer2(){
               // AJAX hívás előkészítése
               if(window.XMLHttpRequest)
                  xmlhttp=new XMLHttpRequest();
               else
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
               // Kezelő php program beállítása és paramézterezése
               xmlhttp.open("POST","http://tptg.hu/egyetem/webc2/ajax_formcheck.php",true);
               // Válasz lekezelése
               xmlhttp.onreadystatechange=function(){
                  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                     // Válasz megjelenítése
                     document.getElementById("idValasz").innerHTML=xmlhttp.responseText;
                     }
                  }
               // Szükségeas header beállítás
               xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
               // AJAX hívás
               xmlhttp.send("nev="+document.getElementById("idNev").value+"&eletkor="+document.getElementById("idEletkor").value+"&telepules="+document.getElementById("idTelepules").value+"&megjegyzes="+document.getElementById("idMegjegyzes").value);
               }
            // GET-POST vegyesen
            function funcModszer3(){
               // AJAX hívás előkészítése
               if(window.XMLHttpRequest)
                  xmlhttp=new XMLHttpRequest();
               else
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
               // Kezelő php program beállítása és paramézterezése
               xmlhttp.open("POST","http://tptg.hu/egyetem/webc2/ajax_formcheck.php?nev="+document.getElementById("idNev").value+"&eletkor="+document.getElementById("idEletkor").value,true);
               // Válasz lekezelése
               xmlhttp.onreadystatechange=function(){
                  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                     // Válasz megjelenítése
                     document.getElementById("idValasz").innerHTML=xmlhttp.responseText;
                     }
                  }
               // Szükségeas header beállítás
               xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
               // AJAX hívás
               xmlhttp.send("telepules="+document.getElementById("idTelepules").value+"&megjegyzes="+document.getElementById("idMegjegyzes").value);
               }
         -->
      </script>
   </head>
   <body>
      <table>
         <tbody>
            <tr>
               <td>Név:</td>
               <td><input type="text" size="50" id="idNev"/></td>
            </tr>
            <tr>
               <td>Életkor:</td>
               <td><input type="text" size="5" id="idEletkor"/></td>
            </tr>
            <tr>
               <td>Település:</td>
               <td><input type="text" size="50" id="idTelepules"/></td>
            </tr>
            <tr>
               <td>Megjegyzés:</td>
               <td><textarea rows="5" cols="50" id="idMegjegyzes"></textarea></td>
            </tr>
         </tbody>
      </table>
      <div>
         <button onclick="funcModszer1()">GET módszer</button>
         <button onclick="funcModszer2()">POST módszer</button>
         <button onclick="funcModszer3()">GET-POST módszer</button>
      </div>
      <div id="idValasz"></div>
   </body>
</html>