목차
$.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
});
});
});
</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>
최신댓글