캠핑과 개발


fieldValue(excludeUnsuccessful);
확장 집합 내의 전송할 수 있는 폼 컨트롤의 값을 배열 형태의 값으로 반환한다.
값이 없다면 빈 배열을 반환

excludeUnsuccessful: (Boolean) true이거나 생략하면, 확장 집합 내의 전송할수 없는 컨트롤은 무시된다

ex)
$('frm *').fieldValue();  //전송할수 있는 값들을 배열 형태로 반환
$('frm *').fieldValue(false); //전송할수 없는 값들까지 모두 배열 형태로 반환


fieldSerialize(), formSerialize()
확장 집합에서 값을 수집하여 올바르게 URL 인코딩된 이름/값 쌍으로 형식화된 쿼리 문자열로 반환한다.
formSeialize()메서드는 확장 집합 내의 폼을 받아서 폼에 있는 전송 가능한 자식 컨트롤의 모든 값들을 직렬화 한다. 하지만 fieldSerialize()메서드는 확장 집합 내의 모든 컨트롤을 직렬화 하며 이는 폼의 일부만 직렬화할 때 유용하다.

ex)
$('#frm').formSerialize(); //form 태그의 모든 값들을 직렬화하여 반환한다.
$('#frm input').fieldSerialize(); //form 태그의 input  type 의 모든 값들을 직렬화하여 반환한다.

clearForm();
확장 폼의 값들을 모두 지운다.
- 텍스트, 패스워드, 텍스트 영역 컨트롤의 값을 지운다.
-<select> 엘리먼트의 선택을 취소한다.
-체크박스와 라디오 버튼의 선택을 해제한다.

ex)
$('#frm').clearForm();

resetForm();
확장 폼의 값들을 초기값으로 재설정한다.
<selected, checked, value 값들은 초기 셋팅된 값으로 되돌려 놓는다.>

ex) $('#frm').resetForm();


ajaxSubmit(options);
대상폼에 있는 모든 전송 가능한 컨트롤의 이름과 값을 가져오며, 이 값을 Ajax 요청으로 전송한다.
이 메서드에 요청을 만드는데 필요한 정보를 제공하거나, 대상 폼의 설정 값에서 기본 값으로 이용 할 수 있다.
폼을 전송할 때 부도는 이벤트 결과로 스크립트를 사용하여 요청을 전송하려 할 때 쓰면 좋다.

options(매개변수)

url :
    (String) Ajax 요청이 전송될 URL, 생략하면 URL은 대상 폼의 action 속성값을 가져온다.
type :
    (String) GET, POST 값, 생략하면 폼의 method 속성값을 가져오며 속성값도 존재하지 않을 경우 GET로 설정된다.
dataType :
    (String) 응답으로 예상되는 데이터 타입으로 응답 본문이 후처리되는 방식을 결정, 값은 다음값중에서 선택되어
    진다.
        xml - XML 데이터로 취급, 모든 success 콜백은 responseXML 도큐멘트로 전달
        json - JSON 구조로 취급, JSON은 평가되고 결과가 sucess 콜백으로 전달
        script - 자바스크립트로 취급된다. 스크립트는 전역 콘텍스트로 평가된다.
    생략하면 target과 같은 또 다른 옵련이 명시되는 경우를 제외하고 데이터에 대한 후처리는 없다.
target : (String|Object|Element) 응답 본문을 콘텐츠로 전달 받은 DOM  엘리먼트를 하나 이상 명시해야 한다. 
    이것은 jQuery 셀럭터를 나타내는 문자열, 대상 엘리먼트를 포함하는 jQuery 확장 집합, 엘리먼트의 직접적인 참조일수 있다. 생략하면 응답 본문을 받는 엘리먼트는 없다.

beforeSubmit : (Function) Ajax 요청을 전송하기 전에 호출될 콜백 함수를 명시, 폼 데이터의 유효성 등의 함수를 사용할때 유용하다. 생략하면 전처리 콜백은 실행되지 않는다. 매개변수는 다음과 같은 것이 있다.
    - 요청에 매개변수로 전달된 데이터 값들의 배열, 객체는 배열,  name/value 를 가진다.
    - 커맨드가 적용된 jQuery의 일치된 집합
    - 커맨드에 전달된 options 객체

success :
(Function)이 명시되고 성공적인 상태의 응답이 반환된 후에 호출될 콜백 함수로 생략하면 호출되지 않는다. 그리고 세개의 매개변수를 받는다.
 - dataType 옵션에 따라 해석된 응답 본문
 - success를 포함한 문자열
 - 커맨트가 적용된 jQuery의 일치된 집합

clearForm : 
(Boolean)true로 지정하면 성공적으로 전송한 후 폼을 지운다.

resetForm : 
(Boolean)true로 지정하면 성공적으로 전송한 후 폼을 재 설정한다.

ex)
$('frm').ajaxSubmit();
$('frm').ajaxSubmit({target : 'target'});
$('frm').ajaxSubmit(function(response){
 //todo
});


ajaxForm(options);
대상 폼에 적용하여 폼 전송이 발생하면 전송은 ajaxSubmit() 커맨드에 의해 발생한 Ajax 요청으로 재지정된다. 메서드에 전달된 options 매개변수는 ajaxSubmit()호출 시 전달된다.

ex)
  $(function(){
      $("#submitBtn").click(function(){  
          $("#frm").ajaxForm({
               dataType:'html',
               beforeSubmit: frmCheck, //폼유효성 검사
               success:function(data, rst){   
                       $('#obj').innerHTML = data;
                   }
          });
     });
});
 






download : http://plugins.jquery.com/project/form