jQuery.serialize() 함수 인스턴스 사용법에 대한 자세한 설명

serialize() 함수는 양식 요소 집합을 직렬화하고 제출을 위해 양식 내용을 string으로 인코딩하는 데 사용됩니다.

serialize() 함수는 AJAX 제출을 위해 양식 콘텐츠를 직렬화하는 데 자주 사용됩니다.

이 기능은 주로 제출할 유효한 양식 컨트롤의 이름과 값을 양식 제출에 직접 사용할 수 있는 텍스트 문자열로 연결합니다. 문자열은 표준 URL 인코딩(문자 집합인코딩은 UTF-8)으로 처리되었습니다.

이 기능은 제출할 필요가 없는 양식 컨트롤을 직렬화하지 않으며 이는 일반적인 양식 제출 동작과 일치합니다. 예를 들어,

태그 내에 없는 양식 컨트롤은 제출되지 않으며, name 속성이 없는 양식 컨트롤은 제출되지 않으며, 비활성화된 속성이 있는 양식 컨트롤은 제출되지 않으며, 선택되지 않은 양식 컨트롤은 제출되지 않습니다. 제출되지 않았습니다.

일반 양식 제출과의 차이점은 일반 양식은 일반적으로 이름이 있는 버튼 컨트롤을 제출하지만 serialize() 함수는 이름이 있는 버튼 컨트롤을 직렬화하지 않는다는 것입니다. 자세한 내용을 보려면 여기를 클릭하세요.

이 함수는 jQuery 개체(인스턴스)에 속합니다.

Syntax

이 함수는 jQuery 1.0의 새로운 기능입니다.

jQueryObject.serialize( )

Return value

serialize()함수의 반환값은 String 유형으로, 폼 요소를 인코딩한 후 폼 제출에 사용할 수 있는 텍스트 문자열을 반환합니다.

예제 및 설명

다음 초기 HTML 코드를 참조하세요.

<form name="myForm" action="http://www.365mini.com" method="post">
    <input name="uid" type="hidden" value="1" />
    <input name="username" type="text" value="张三" />
    <input name="password" type="text" value="123456" />
    <select name="grade" id="grade">
        <option value="1">一年级</option>
        <option value="2">二年级</option>
        <option value="3" selected="selected">三年级</option>
        <option value="4">四年级</option>
        <option value="5">五年级</option>
        <option value="6">六年级</option>
    </select>
    <input name="sex" type="radio" checked="checked" value="1" />男
    <input name="sex" type="radio" value="0" />女
    <input name="hobby" type="checkbox" checked="checked" value="1" />游泳
    <input name="hobby" type="checkbox" checked="checked" value="2" />跑步
    <input name="hobby" type="checkbox" value="3" />羽毛球
    <input name="btn" id="btn" type="button" value="点击" />
</form>

요소를 직렬화하면 그 안에 있는 모든 양식 요소를 직접 직렬화할 수 있습니다.

아아아아

위 내용은 jQuery.serialize() 함수 인스턴스 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!