Сброс AJAX JQuery сгенерированный div на AJAX-> submit () W / CakePHP

Question

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

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

Answer 1

Поскольку в Ajax-Helper CakePHP для этого нет опции, вам придется делать это вручную с помощью jQuery, когда ваша форма будет отправлена.

$('#idOfYourForm').submit(function() {
    $('#idOfYourSearchResults').html('');
});

Не используйте remove, поскольку это приведет к удалению всего div, необходимого для заполнения результатов ajax-запроса.

Answer 2

Тим, Мне не удалось получить обработку jQuery, поэтому я использовал Prototype в опциях $ ajax-> submit $, например:

Функция прототипа (не внутри опций):

function clearOnClick() {
$('ajax_search_div').update();
}

В массиве $ options:

...

 'before' => 'Event.observe(\'ajaxSubmitForm\', \'submit\', clearOnClick());',

...

Я использую опцию обратного вызова .observe для вызова вышеуказанной функции.