다른 작업을 사용하여 AJAX를 통해 양식을 제출하는 방법은 무엇입니까?

Question

양식 요소가 있고 정상적인 제출 단추가 있지만 양식에 입력 된 값을 사용하여 AJAX get 요청을 제출할 수 있지만 다른 주소로 만들 수 있기를 원합니다 (제출 단추와 별개입니다) .

쉬운 방법이 있나요?

---

긴 버전 : 나는 그것을 몇 가지 선택 요소와 형태를 사용자가 그 중 하나 세트마다 (유효 값의 새로운 세트로 업데이트)를 다시 채울합니다.

Answer 1

당신이 라이브러리 (Prototype, jQuery, Closure, 또는 any of several others)을 사용하는 경우가 가장 쉬운 것입니다. 그러한 도서관의 도움으로, 이것을 거의 쉽게 수행 할 수 없게됩니다.

Prototype 예 :

프로토 타입의 Form#request 사용하지만, 대신 Ajax.Request를 사용하고 (단지 당신을 위해 수행 기본적으로 Form#request)를 Form#serialize를 통해 양식 데이터를 얻을 수

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

.

jQuery 예 :

jQuery의 $.get 및 serialize 함수를 사용

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

(당신은 더 많은 제어/옵션에 대한 $.ajax 대신 $.get 사용할 수 있습니다).

라이브러리가 없으면이 작업을 수행 할 수 있습니다. 더 많은 작업이 필요합니다.