Контекст в плагине формы jjery Ajax от Malsup - PullRequest
2 голосов
/ 11 марта 2012

Я нашел Плагин Malsup JQuery Form , который очень удобен в ajaxyfying моих формах.Однако я не могу сослаться на целевой элемент, на котором произошло событие submit в случае успеха и обратных вызовов.Ключевое слово this в ссылке относится к объекту ajaxForm, а не к элементу DOM.

У меня на странице много маленьких форм.Как принять и отклонить кнопки на запросы, и я хочу отправить эти формы, используя ajax.Когда он будет завершен, я хочу удалить эту форму из DOM и отобразить сообщение «Запрос выполнен успешно!»или так.Но я не могу найти цель, которая фактически отправила форму.

Я знаю, что могу передать опцию context, которая будет контекстом всех обратных вызовов, в том числе и я не могу понять, какссылаетесь на элемент, на котором произошло событие отправки?

Заранее спасибо.

Ответы [ 2 ]

3 голосов
/ 11 марта 2012

Понял.

Я могу передать функцию beforeSubmit, в которой я устанавливаю контекст для цели.

$('form').ajaxForm({
    beforeSubmit: function(arr, $form, options){
        options.context = $form;
    }
    //Rest of the options and callbacks
});
0 голосов
/ 06 августа 2014

Не уверен, поможет ли это кому-нибудь, но вот как я заставил его работать:

HTML:

<form action="/route/controller" method="post" class="ajaxForm" data-target="#ajaxContainer_1"></form>

JS:

$(function() { $('.ajaxForm').ajaxForm({ beforeSubmit: function(arr, $form, options){ options.target = $form.data('target'); }, delegation: true, resetForm: true }); });

...