ajout

2022-05-10 12:21:29 +02:00
parent e3c07b83d4
commit 8e1ed459d1
7 changed files with 199 additions and 0 deletions
--- a/WIM4.1/tp/tp3/ex2/index.html
+++ b/WIM4.1/tp/tp3/ex2/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<link rel="stylesheet" href="http://www.iut-fbleau.fr/css/tacit.css">
+		<title>Ajax</title>
+		<script src="js/serviceAjax.js"></script>
+		<script src="js/helpers.js"></script>
+
+	</head>
+	<body container>
+		<form action="">
+			<fieldset>
+				<label for="">Commune</label>
+				<input autocomplete=off list="communes" type="text">
+				<datalist id="communes"></datalist>
+				<button type="submit">Envoyer</button>
+			</fieldset>
+		</form>
+	</body>
+	<script>
+		let doRequest = debounce (search,500)
+		let input = document.querySelector("input")
+		let listes = document.querySelector("datalist")
+		input.addEventListener("input",doRequest)
+
+		let cache = []
+		async function  search(ev){
+
+			let communes_promise = http.getVilles(input.value);
+			
+			communes_promise.then(function(table) {
+				autocomplete(listes, table);
+			})
+		}
+
+	</script>
+</html>