Сохранение формы данных без кнопки

Question

Что такое хороший способ сохранения формы данных без кнопки отправки?

У меня есть одна идея. Ниже примерный исходный код.

var delay = 1000, 
     timeId, 
     ajax, 
     //fw is some framework 
     form = fw.get('myform'); 

form.getFields().on('change', changeEventHandler); 

function changeEventHandler() { 
    clearTimeout(timeId); 
    timeId = setTimeout(this.ajaxRequest, delay); 
} 

function ajaxRequest() { 
    //What do with old ajax request? Abort it? 
    ajax = fw.ajax({ 
     url: 'ololo', 
     params: { 
      data: form.getValues() 
     } 
    }); 
} 

Что делать со старым запросом ajax? Отменить его?

Есть ли у кого-нибудь другие идеи?

Answer 1

У меня была аналогичная проблема при создании интерактивной формы без кнопки сохранения.

Прежде всего, это не рекомендуется хранить данные при каждом изменении. Я использовал событие размытия, поэтому, когда вход теряет фокус, я проверяю, было ли изменено значение (т. Е. Не только фокус-размытие на входе), если он был изменен, я отключил вход и отправил запрос ajax. Когда запрос вернется, я снова включил ввод (возможно, отобразив ошибку, если ошибка ajax и т. Д., Зависит от ваших потребностей).

Его самый простой способ сделать интерактивную форму. Это позволяет избежать головной боли нескольких запросов, пытаясь изменить одно и то же значение на стороне сервера и головную боль контролировать все запросы ajax.