Ajax와 Form 요소, 직렬화(serialization), jQuery Ajax 보조 메서드

CODEDRAGON Development/JavaScript, jQuery, ...

반응형


 

 

Ajax Form 요소

·       Ajax에서는 서버와의 비동기식 통신을 위해 form 요소를 통해 입력받은 데이터를 직렬화(serialization)하여 전송합니다.

·       직렬화(serialization) 입력받은 여러 데이터를 하나의 쿼리 문자열로 만드는 것을 의미합니다.

·       직렬화함으로써 form 요소를 통해 입력받은 데이터를 번에 서버로 보낼 있게 됩니다.

 

 

 

 

직렬화(serialization)

·       제이쿼리에서는 HTML form 요소를 통해 입력된 데이터의 직렬화 작업을 매우 간단하게 수행할 있습니다.

·       .serialize() 메소드와 .serializeArray() 메소드를 이용하여 손쉽게 데이터를 직렬화할 있습니다.

 

 

 

 

 

jQuery Ajax 보조 메서드

메서드 이름

설명

serialize()

·       입력 양식의 내용을 요청 매개 변수 문자열로 만듭니다.

·       HTML form 요소를 통해 입력된 데이터를 쿼리 문자열로 변환합니다.

serializeArray()

·       입력 양식의 내용을 객체로 만듭니다.

·       serialize() 메소드와는 달리 입력된 데이터를 문자열이 아닌 배열 객체로 변환합니다.

$.param()

·       객체의 내용을 요청 매개 변수 문자열로 만듭니다.