[jQuery] Ajax 설정
Ajax 설정
cp.) 요청 매개 변수와 함께 Ajax 요청을 수행한다. data 속성을 사용하면 요청 매개 변수를 쉽게 지정할 수 있다. $ajax() 메서드의 옵션 객체에 url 속성을 입력하고 data 속성에 객체를 입력한다.
ex.) url: 'Home/ActionWithData'.
data: name:'rintiantta',age:21,
success: function(data)
.......
이렇게 하면 http://localhost:8080/Home/ActionWithData?name=rintiantta&age=21로
Ajax 요청을 수행한다.
1. $ajax 설정값
(1) url
HTTP 요청을 할 대상이되는 url
단순히 html 페이지에 대한 주소가 될 수도 있고 WCF.ASMX 서비스에서 노출한 서비스 종단점에 대한 url일 수도 있다.
(2) async
true/false 기본값 true
기본적으로 모든 Ajax 요청은 비동기적으로 보내진다. 동기적으로 호출하면 요청이 진행되는 동안 페이지가 잠시 블록킹된다.
(3) cache
true/false
false로 설정되면 브라우저는 요청된 결과로 받은 페이지를 캐싱하지 않는다.
(4) contentType
기본값: application/x-www-form-urlencode
서버로 데이터를 전송할 때 콘텐츠 타입을 나타내는 값
기본값을 사용하면 대부분의 경우 잘 적용된다. JSON 형식의 데이터를 서버로 보낼 때는 "application/json"으로 설정한다.
(5) type
GET, POST (기본값은 GET이다.)
(6) dataType
서버에서 반환받을 데이터의 타입
사용 가능한 값: html, json, jsonp, script, text
이 값에 따라 반환받은 데이터를 적절하게 자동으로 파싱한다. 이 값을 설정하지 않으면 HTTP 응답의 MIME 타입을 근거로 자동 파싱한다. 만약
xml이 MIME 타입에 포함돼 있다면 xml로 파싱해서 다음 단계로 넘겨준다.
(7) data
서버로 전송될 데이터. GET, POST 같은 전송 타입에 따라 처리되는 방식이 다르다. 어떤 전송 타입이든 ‘키, 값’으로 돼 있어야 한다.
GET 방식이면 key1=value1, key2=value2처럼 구성될 것이고 POST 방식이면서 dataType이 "json" 이면 key1:value1, key2:value2을 전송할 것이다.
(8) processData
true/false
기본적으로 data로 건네받은 객체가 문자열이 아닌 경우는 content-type
이 “application/x-www-form-urlencorded"에 맞게 모두 변경된다.
만약 data에서 넘겨준 그대로를 서버로 보내고 싶다면 false로 지정한다.
출처: https://devbox.tistory.com/entry/jQuery-AttributeCSS?category=574557 [장인개발자를 꿈꾸는 :: 기록하는 공간]
'Javascript > jQuery' 카테고리의 다른 글
[jQuery] dataType속성을 이용한 JSON 데이터 가져오기 (0) | 2020.07.08 |
---|---|
[jQuery] $.getJSON 이용한 JSON 데이터 가져오기 (0) | 2020.07.08 |
[jQuery] Ajax 데이터통신 기본 (0) | 2020.07.08 |
[jQuery] 문서 준비 이벤트 (0) | 2020.07.08 |
[jQuery] Ajax 기초 (0) | 2020.07.08 |
[jQuery] Chain (0) | 2020.07.08 |
[jQuery] Animation (0) | 2020.07.08 |
[jQuery] Effects (0) | 2020.07.08 |