Как отправить форму через AJAX, используя другое действие?

Question

У меня есть элемент формы, у которого есть обычная кнопка отправки, но я также хочу иметь возможность отправить запрос на получение AJAX с использованием значений, введенных в форму, но сделать это по другому адресу (это не зависит от кнопки отправки) ).

Есть ли простой способ сделать это?

---

Длинная версия: у меня есть форма с несколькими выбранными элементами, и я хочу заполнить их (обновив их до нового набора допустимых значений) каждый раз, когда пользователь устанавливает один из них.

Answer 1

Это будет проще всего, если вы используете библиотеку ( Прототип , jQuery , Закрытие или любой из нескольких других ). С помощью такой библиотеки это становится почти тривиально легко.

Прототип пример:

$('theFormElementId').request({
    onSuccess: function(response) {
        // GET was successful
    }
});

, который использует прототип Form#request, но вы могли бы использовать Ajax.Request вместо этого и получить данные формы через Form#serialize (Form#request в основном * просто делает это для вас).

jQuery пример:

$.get("yoururl", $('#theFormElementId').serialize(), function(data) {
    // The GET was successful
});

Использует функции jQuery $.get и serialize (вы можете использовать $.ajax вместо $.get для дополнительных элементов управления / опций) .

Совершенно возможно сделать это без библиотеки, просто намного больше работы.