목차
- $.get() 예제 - GET 방식으로 데이터 로드
- $.get() 요청 예제
- $.get() 정의
- $.get() 구문
- $.get() 예제 - 배추베이직 게시판 스킨의 올림픽퀴즈 출력코드
- $.get() 예제 - 배추베이직 유튜브 수집기 AJAX 코드
$.get() 예제 - GET 방식으로 데이터 로드
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<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("데이터: " + data+ "\n상태: " + status);
});
});
});
</script>
</head>
<body>
<button>HTTP GET 방식 요청을 페이지로 보내서 결과 돌려받기</button>
</body>
</html>
※ data : test.txt 파일에 적힌 내용
※ status : 통신 상태 (성공 시 success)
$.get() 요청 예제
"test.txt"를 요청하지만 반환 결과는 무시.
$.get("test.txt");
"test.txt"를 요청하고 요청과 함께 추가 데이터 보내기 (반환 결과 무시).
$.get("test.txt", { name:"홈짱닷컴", domain:"Homzzang.com" });
"test.txt"를 요청하고 데이터 배열을 서버에 전달 (반환 결과 무시).
$.get("test.txt", { 'study[]' : ["HTML","CSS","JS"] });
"test.txt"를 요청하고 요청 결과 보기
$.get("test.txt", function(data){
alert("데이터: " + data);
});
$.get() 정의
AJAX HTTP GET방식으로 서버에서 데이터 로드.
PS. 공식 매뉴얼
https://api.jquery.com/jquery.get/
$.get() 구문
$.get(URL, data, function(data,status,xhr), dataType)
[매개변수]
URL
필수. 요청할 URL을 지정.
- data를 GET 방식으로 URL에 포함해 전달 가능.
data
선택. 요청과 함께 서버에 보낼 데이터를 지정.
- {key1:value1, key2:value2, ....} 형태로 나열.
- 보낼 데이터 없으면 생략 가능.
function(data, status, xhr)
선택. 요청이 성공할 경우 실행할 함수를 지정.
- data - 요청에 대한 결과 데이터.
- status - 요청 상태. (가능값: "success" / "notmodified" / "error" / "timeout" / "parsererror")
- xhr - XMLHttpRequest 객체.
dataType
선택. 서버 응답에 필요한 데이터타입 지정. (기본적으로 jQuery는 자동 추측을 수행. (가능값 종류)
- "xml"- XML 문서
- "html"- HTML을 일반 텍스트로 사용
- "text"- 일반 텍스트 문자열
- "script"- 응답을 JavaScript로 실행하고 일반 텍스트로 반환.
- "json"- 응답을 JSON으로 실행하고 JavaScript 객체를 반환.
- "jsonp"- JSONP를 사용하여 JSON 블록에 로드. "? 콜백 =?" URL에 콜백함수 지정.
$.get() 예제 - 배추베이직 게시판 스킨의 올림픽퀴즈 출력코드
위치: 게시판스킨/view.skin.php 약 725라인
<div id="mw_quiz"></div>
<script>
function mw_quiz_load() {
$.get("<?php echo $quiz_path?>/view.php?bo_table=<?php echo $bo_table?>&wr_id=<?php echo $wr_id?>", function (data) {
$("#mw_quiz").html(data);
});
}
mw_quiz_load();
</script>
$.get() 예제 - 배추베이직 유튜브 수집기 AJAX 코드
위치: 게시판스킨/view.skin.php 약 1600라인
<script>
$(document).ready(function () {
$.get("<?php echo $youtube_collect_path?>/ajax.php?bo_table=<?php echo $bo_table?>");
});
</script>