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

Question

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

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

---

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

Answer 1

Это будет проще всего, если вы используете библиотеку (Prototype, jQuery, Closure, или any of several others). С помощью такой библиотеки становится почти тривиально легко сделать это.

Prototype пример:

$('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 
}); 

Это использует $.get и serialize функции JQuery в (вы можете использовать $.ajax вместо $.get для большего контроля/опций).

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