기본 골격
1
2
3
4
5
6
7
8
$.ajax({
type: "GET", // GET방식 요청, "POST":POST방식 요청
url: "연결할 url", // "/":home, "/search", "name.html" ...
data: {}, // GET방식일 경우 비워넣기, POST에서만 사용
success: function(response) { // 요청결과 response에 담기
// 요청결과에 대해 실행할 코드
}
})
GET 방식
- 주로 데이터 조회 요청
- ? : ‘?’다음부터 전달할 데이터
- & : 데이터가 또 있다(a=A&b=B>> a와 b의 데이터)
- url의 주소로 사용됨
- 정보를 담을 수 있는 길이가 한정적(최대 2048자)
- ex) 구글 검색 : 염소
- https://www.google.com/search?q=염소&sourceid=chrome&ie=UTF-8
- https://www.google.com/search : 구글의 ‘\/search’로 데이터 전달
- q=염소 : 검색어=염소
- sourceid=chrome : 브라우저 정보
- ie=UTF-8 : 인코딩정보
1
2
3
4
5
6
7
8
$.ajax({
type: "GET",
url: "/test?name=gildong", // "/test"라는 url로 연결, 데이터는 {'name':'gildong'}
data: {},
success: function(response) {
console.log(response) // 결과를 콘솔창에 출력
}
})
POST 방식
- 주로 데이터 생성, 변경, 삭제 요청
- 회원정보같은 예민한 데이터는 POST로 url에 표시되지 않고 전송
- 크기가 큰 데이터 전송 시 POST 사용
1
2
3
4
5
6
7
8
$.ajax({
type: "POST",
url: "/test" // test라는 url로 연결
data: {"name":"gildong"} // 키 = name, 값 = gildong
success: function(response) {
console.log(response)
}
})
Comments powered by Disqus.