HTML [JS][AJAX] Ajax - простейший пример

[oxygenium]

Всем привет! Сейчас я вам расскажу самое простое использование ajax, так как таких тем нет.

И так, для начала нам надо подключить ajax к нашему сайту, делается это наипростейшим образом:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Далее нам нужно создать блок, который мы будем обновлять.

<div id = "updateblock">
	Загрузка информации, пару секунд...
</div>

Так же нам нужен файл, из которого мы будем получать информацию, у меня это waits.txt

Информация о очереди: <br>
3 -> 42<br>
05 -> 14<br>
4 -> 32<br>
5 -> 11<br>
6 -> 32<br>

Ну и сам код, тут мы создаем таймер на 2 секунды и обновляем наш блок.

	<script type="text/javascript">
		function runMultiple()
		{
			 $.ajax({
			  url: 'waits.txt', // наш файл
			  success: function(data) {
				  $("#updateblock").html(data); // блок, который обновляем
			  }
			});
		}
		var timerMulti = window.setInterval("runMultiple();", 2000); // 2000 миллисекунд
	</script>

Ну вот и все, если будут ошибки - смотрите консоль, будут вопросы - пишите в тему.