본문 바로가기

Dev/ajax

serialize()로 노가다 없이 data를 한번에 보내버려~

반응형

ajax를 사용하다보면 원하는 데이터를 뽑아쓰게 되는데 이 때, 데이터가 많다면

수작업으로 코드를 다 작성해주어야 한다..

 

그래서 나온것이 serialize()!! 두둥!

 

바로 입~ (수빙수)

바로 예제~~~

기존에 우리는 data를 일일이 작성을 해주었다 ..

$.ajax({
    type: "",
    url: server url,
    type: "GET or POST",
    data: {
    	ramyun: 'good',
        pizza: 'nice',
        kimchi: 'good',
        dogfood: 'nope'
    },
    dataType: "html or json etc..",
    success: () => {
    	code..
    }
})

 

하지만 이제 serialize()를 사용한다면 data 값들을 한번에 받아 올 수 있다~~

$.ajax({
    type: "",
    url: server url,
    type: "GET or POST",
    data: $("#templateForm").serialize(),
    dataType: "html or json etc..",
    success: () => {
    	code..
    }
})

 

data 들어오는 값 확인해보자~~

반응형