jQuery - AJAX get()/post() 메소드
jQuery - AJAX get() 및 post() 메서드
jQuery get() 및 post() 메서드는 HTTP GET 또는 POST 요청을 통해 서버에서 데이터를 요청하는 데 사용됩니다.
HTTP 요청: GET 대 POST
클라이언트와 서버 측에서 요청-응답의 두 가지 일반적인 방법은 GET과 POST입니다.
GET - 지정된 리소스에서 데이터 요청
POST - 지정된 리소스에 처리할 데이터 제출
GET는 기본적으로 서버에서 데이터를 가져오는(검색) 데 사용됩니다. 참고: GET 메서드는 캐시된 데이터를 반환할 수 있습니다.
POST를 사용하여 서버에서 데이터를 가져올 수도 있습니다. 그러나 POST 메서드는 데이터를 캐시하지 않으며 요청과 함께 데이터를 보내는 데 자주 사용됩니다.
GET 및 POST와 두 방법의 차이점에 대해 자세히 알아보려면 HTTP 메서드 - GET 및 POST를 읽어보세요.
jQuery $.get() 메소드
$.get() 메소드는 HTTP GET 요청을 통해 서버로부터 데이터를 요청합니다.
구문:
필수 URL 매개변수는 요청하려는 URL을 지정합니다.
선택적인 콜백 매개변수는 요청이 성공한 후 실행될 함수의 이름입니다.
다음 예제에서는 $.get() 메서드를 사용하여 서버의 파일에서 데이터를 검색합니다.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/try/ajax/demo_test.php",function(data,status){
alert("数据: " + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP GET 请求并获取返回结果</button>
</body>
</html>Run Instance»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
$.get()의 첫 번째 매개변수는 요청하려는 URL("demo_test.php")입니다.
두 번째 매개변수는 콜백 함수입니다. 첫 번째 콜백 매개변수는 요청된 페이지의 내용을 저장하고, 두 번째 콜백 매개변수는 요청 상태를 저장합니다.
팁: 이 PHP 파일("demo_test.php")은 다음과 유사합니다:
echo '이것은 PHP 파일에서 읽은 데이터입니다. ';
?>
jQuery $.post() 메소드
$.post() 메소드는 HTTP POST 요청을 통해 서버에 데이터를 요청합니다.
구문:
필수 URL 매개변수는 요청하려는 URL을 지정합니다.
선택적 데이터 매개변수는 요청과 함께 전송될 데이터를 지정합니다.
선택적인 콜백 매개변수는 요청이 성공한 후 실행될 함수의 이름입니다.
다음 예제에서는 $.post()를 사용하여 요청과 함께 데이터를 보냅니다.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",{
name:"菜鸟教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
</body>
</html>Run Instance »
온라인 인스턴스를 보려면 "Run Instance" 버튼을 클릭하세요
$.post()의 첫 번째 매개변수는 요청하려는 URL("demo_test_post.php")입니다.
그런 다음 요청(이름 및 도시)과 함께 데이터를 보냅니다.
"demo_test_post.php"의 PHP 스크립트는 이러한 매개변수를 읽고 처리한 후 결과를 반환합니다.
세 번째 매개변수는 콜백 함수입니다. 첫 번째 콜백 매개변수는 요청된 페이지의 내용을 저장하고, 두 번째 매개변수는 요청 상태를 저장합니다.
팁: 이 PHP 파일("demo_test_post.php")은 다음과 유사합니다:
$name = isset($_POST['name']) ? htmlspecialchars($_POST['name'] ) : '';
$city = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : '';
echo '웹사이트 이름: ' . $name;
echo "n" ;
echo 'URL 주소: ' .$city;
?>
