theredstapler · September 11, 2016 04:18
diff --git a/jquery autocompelte part 2 b/jquery autocompelte part 2
 <html>
 <head>
 <script src="jquery-2.1.4.js"></script>
 <script src="jquery.autocomplete.min.js"></script>
 <link rel="stylesheet" type="text/css" href="styles.css">
 <style>
 h1 { text-align: center; margin: 20px 20px; }
 #autocomplete { margin: 0 auto; }
 </style>

 </head>
 <body>
 <h1>Autocomplete Input</h1>
 <input type="text" id="autocomplete"/>

 <script>

 $('#autocomplete').autocomplete({
 	 serviceUrl: '/service.php'
 });
 </script>
 </body>
 </html>


 //service.php
 <?php

 //$_GET['query']
 echo '{"suggestions": ["United Arab Emirates", "United Kingdom", "United States"]}'

 ?>
	<html>
	<head>
	<script src="jquery-2.1.4.js"></script>
	<script src="jquery.autocomplete.min.js"></script>
	<link rel="stylesheet" type="text/css" href="styles.css">
	<style>
	h1 { text-align: center; margin: 20px 20px; }
	#autocomplete { margin: 0 auto; }
	</style>

	</head>
	<body>
	<h1>Autocomplete Input</h1>
	<input type="text" id="autocomplete"/>

	<script>

	$('#autocomplete').autocomplete({
	serviceUrl: '/service.php'
	});
	</script>
	</body>
	</html>


	//service.php
	<?php

	//$_GET['query']
	echo '{"suggestions": ["United Arab Emirates", "United Kingdom", "United States"]}'

	?>