목차
- get() / post() 차이점
- get() 구문
- get() 예제
- post() 구문
- post() 예제
get() / post() 차이점
get() 메서드
- HTTP GET 방식 사용.
- 서버에 데이터를 요청.
- 캐시 된 데이터를 반환도 가능.
post() 메서드:
- HTTP POST 방식 사용.
- 요청과 동시에 서버로 데이터 전송.
- 캐시 사용 X
get() 구문
$.get(URL,callback);
[매개변수]
URL
필수. 불러올 (=요청할) 파일 주소
callback
선택. 불러온 후 (= 요청 성공 후) 추가로 실행할 함수.
get() 예제
※ test.txt 파일 내용 (= GET 방식으로 불러올 파일의 내용)
<h2>홈짱닷컴</h2>
<p id="domain">Homzzang.com</p>
※ test.php
<!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(){
$.get("test.txt", function(data, status){
alert("호출내용: \n" + data + "\n\n성공여부: \n" + status);
});
});
});
</script>
</head>
<body>
<button>GET 방식으로 요청해 결과 돌려받기</button>
</body>
</html>
※ 핑크색 콜백함수의 명칭은 자유이나, 순서상 기능적 역할은 정해져 있음.
post() 구문
$.post(URL,data,callback);
[매개변수]
URL
필수. 불러올 (=요청할) 파일 주소
data
선택. 요청과 동시에 보낼 일부 데이터
callback
선택. 불러온 후 (= 요청 성공 후) 추가로 실행할 함수.
post() 예제
※ site.php 파일 내용. (= POST 방식으로 불러올 파일의 내용)
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") { // 정보 처리 메서드이 post 인 경우라면
$name = $_POST['name'];
$site = $_POST['site'];
echo $name.' '.$site;
}
?>
※ test.php
<!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(){
$.post("site.php",
{
name: "홈짱닷컴",
site: "Homzzang.com"
},
function(data,status){
alert("호출내용: " + data + "\n성공여부: " + status);
});
});
});
</script>
</head>
<body>
<button>POST 방식으로 요청해 결과돌려받기</button>
</body>
</html>
※ 핑크색 콜백함수의 명칭은 자유이나, 순서상 기능적 역할은 정해져 있음.