Добрый день! Сегодня поговорим о функциях, которые мы запускать должны с какой-то периодичностью. Мы с учеником сегодня столкнулись с ситуацией когда действительно нужно выполнять обновление информации в определенном div с периодом в три секунды.

Итак: есть какой-то html - код:

<ul class="aleftMenu">

.......

</ul>

В него мы будем записывать(обновлять) данные из базы каждые 3 секунды

В языке js есть также возможность наследования в классах. Поэтому посмотрим на небольшой пример. Нам необходимо воспользоваться свойством (методом) одного классах в области видимости другого. Итак синтаксис:

class Firsrchild extends Roditel{
  ...
}

Что-то знакомо верно? Если смотреть на другие языки. На примере это сформируем таким образом:

Принцип работы ajax довольно прост. Заключается в том, что мы сперва передаем данные (например массив, переменную или объект) и тут же получаем ответ с сервера.

Итак начнем

//По клику на отправку формы останавливаем действие по-умолчанию

$('form.contactform').submit(function(e){
e.preventDefault();

//Берем значение всех инпутов методом serialize

var vars=$(this).serialize();

Сегодня вместе с учеником столкнулись с необходимостью создания динамического ЧПУ и перехода по нему в момент отправки формы

Т.е пример у нас есть фильтр: Выбер города и категории сотрудника 

   <form class="contactform" id="Myform" action="<?php echo $Base_Url ?>svadebnye-fotografy-moskvy" method="post">
<select   name="cat" class="cat">
<option>.....</option>
</select>
<select name="city" class="city">
<option>.....</option>
</select>           
            
            <input type="submit" class="searchbut" value="Найти">
        </form>

По нажатию на кнопку поиска - нужно подобрать конкретный урл (в зависимостри от того что выбрал пользователь например фотографы, москва ) и перейти на него

Часто приходится обращаться к помощи js в динамических решениях и в логике приложения необходимо делать редирект либо перенаправление на другой урл (страницу)

Классическое решение на яваскрипт это функция window.location. (Работает во всех браузерах)

На деле это выглядит таким образом......