egyetem:webc2:ajax:f1:reszek7m
Tartalomjegyzék
| Tantárgy: | Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] | |
| Tananyag: | JavaScript - AJAX | |
| Feladat: | Irányítószám azonosítása | |
| Kidolgozás: | Feladat megoldása fejlesztési részfeladatok segítségével | |
| Részfeladat: | 7. részfeladat | |
Részfeladat
Elkészített válasz megjelenítése
Részfeladat megoldásának forrása
// Városnevek kiíratása
document.getElementById("idVaros").innerHTML=txt;
<br/>Település(ek): <div id="idVaros"></div>
Megoldás forráskódja
<!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>Irányítószám azonosítása - 7</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 - Irányítószám azonosítása" />
<meta http-equiv="content-language" content="hu" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
<!--
function funcLoadTown(){
// Irányítószám kiolvasása a bevitelimezőből
var sPostCode=document.getElementById("idIrszam").value;
// 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_gettown.php?postcode="+sPostCode,true);
// Válasz lekezelése
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
// Város neveinek kiszűrése
var xmlDoc=xmlhttp.responseXML.getElementsByTagName("name");
// Több városnév esetében lista összeállítása
var txt="";
for(var i=0;i<xmlDoc.length;i++)
if(xmlDoc[i].nodeType)
txt+=xmlDoc[i].firstChild.nodeValue+"<br/>";
// Városnevek kiíratása
document.getElementById("idVaros").innerHTML=txt;
}
}
// Szükségeas header beállítás
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// AJAX hívás
xmlhttp.send();
}
-->
</script>
</head>
<body>
<div>
Irányítószám: <input type="text" size="5" id="idIrszam"/><br/>
<button onclick="javascript:funcLoadTown()">Ellenőriz</button>
<br/>Település(ek): <div id="idVaros"></div>
</div>
</body>
</html>
egyetem/webc2/ajax/f1/reszek7m.txt · legutóbbi módosítás: – Szerkesztő: peter
