• Q&A
  • 회원가입
  • 로그인

[AJAX] JQ - serializeArray() (아작스 - 시리얼라이즈어레이) - 일련의 폼 요소를 이름과 값의 배열로 인코딩

예제

 

<!DOCTYPE html>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("button").click(function(){

        var x = $("form").serializeArray();

        $.each(x, function(i, field){

            $("#hz").append(field.name + ":" + field.value + " ");

        });

    });

});

</script>

</head>

<body>


<form action="">

  name: <input type="text" name="name" value="홈짱닷컴"><br>

  site: <input type="text" name="site" value="homzzang.com"><br>

</form>


<button>form 값 직렬화 시키기</button>


<div id="hz"></div>


</body>

</html>


 

 

 

 

serializeArray () 메서드 정의 및 사용법 

 

Form 값을 직렬화하여 객체 배열 (이름 및 값)을 만듦.


하나 이상의 양식 요소 (예 : 입력 영역 및 / 또는 텍스트 영역) 또는 양식 요소 자체를 선택 가능

 

 

 

 

구문 

 

$(선택자).serializeArray()

 


오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012