목차
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>
※ 핑크색 콜백함수의 명칭은 자유이나, 순서상 기능적 역할은 정해져 있음.
