ajax e dom

2014-12-07 19:33:49 +01:00
parent c30036a3bc
commit 7f21febb90
13 changed files with 423 additions and 64 deletions
--- a/ajax2.html
+++ b/ajax2.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+<p> Ciao, Simone è gay?</p>
+<p id="answer"></p>
+
+
+<form id="form">
+
+    <input type ="text" name="nome" placeholder="Inserisci il nome" value="" />
+    <input type ="text" name="cognome" placeholder="Inserisci il cognome" value=""/>
+    <input type ="number" name="eta" min="10" max="120" placeholder="Inserisci eta" value="" />
+
+</form>
+
+<br>
+<span id ="data"></span>
+
+
+<script>
+
+    req= new XMLHttpRequest();
+    req.addEventListener("load",handlerload,false);
+    i = document.getElementsByTagName("input");
+    for (k=0;k< i.length;k++)
+        i[k].addEventListener("input",handler,false);
+
+    function handler(e){
+
+        form = new FormData(document.getElementById("form"));
+        req.open("POST","ajax2.php",true);
+        req.send(form);
+
+        document.getElementById("answer").innerHTML = req.responseText;
+    }
+
+    function handlerload(e){
+
+        document.getElementById("data").innerHTML = req.responseText;
+    }
+
+
+</script>
+
+
+
+</body>
+</html>