JQuery의 serialize() serialization_javascript 기술

이 기사 소개: jQuery에서는 ajax를 사용할 때 입력 데이터를 조합하여 키/값 쌍의 형태로 서버에 보내야 하는 경우가 많습니다. 이 작업은 JQuery의 직렬화 방법을 사용하면 쉽게 완료할 수 있습니다. this 이 메소드는 양식을 키-값 쌍(key1=value1&key2=value2…)으로 직렬화하고 제출할 수 있습니다. 다음은 JQuery에서 serialize()의 사용법을 소개합니다

1. serialize()의 정의 및 사용법:

serialize() 메서드는 A를 생성합니다. 양식 요소 컬렉션을 나타내는 jQuery 개체에서 작동하는 표준 URL 인코딩 텍스트 문자열입니다. 하나 이상의 양식 요소(예: 입력 또는 텍스트 필드) 또는 양식 요소 자체를 선택할 수 있습니다. AJAX 요청 시 URL 쿼리 문자열에 직렬화된 값을 사용할 수 있습니다.

구문:

코드 복사 코드는 다음과 같습니다.

$(selector) .serialize( )

자세한 설명

1. .serialize() 메서드는 표준 URL 인코딩으로 표시되는 텍스트 문자열을 생성합니다. 양식 요소 모음을 나타내는 jQuery 개체에서 작동합니다.

2. .serialize() 메소드는 개별 양식 요소를 선택한 jQuery 객체를 작동할 수 있습니다(예:

3). "성공적인 컨트롤"만 문자열로 직렬화됩니다. 양식을 제출하는 데 버튼을 사용하지 않으면 제출 버튼의 값이 직렬화되지 않습니다. 양식 요소의 값을 시퀀스 문자열에 포함하려면 해당 요소가 name 속성을 사용해야 합니다.

4. 양식의 이름은 Js 또는 jquery에서 키워드를 사용할 수 없습니다.

예: 길이

코드 복사 코드는 다음과 같습니다.

//사용 :$("#form1").serialize();

위 값을 얻을 수 없습니다.

2. JQuery의 serialize() 예제

1. ajax serialize()

코드 복사 코드는 다음과 같습니다.

$.ajax({
type: "POST",
dataType: "json",
url: ajaxCallBack,
data:$('#myForm').serialize(),// 제출할 양식의 ID
성공: function(msg){
Alert(msg);
}
});

2. serialize() 직렬화 양식 인스턴스

코드 복사 코드는 다음과 같습니다. 팔로우: