JQuery $.get()

  다른 뜻에 대해서는 jQuery .get() 문서를 참조하십시오.

1 개요

jQuery.get()

$.get()

• GET 방식 비동기 HTTP 요청 수행

2 예시 1: 텍스트 읽기

• 예제에서 불러오는 웹페이지: https://rawgit.com/jmnote/test1/master/utf8test.txt

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get("https://rawgit.com/jmnote/test1/master/utf8test.txt", function(data){
	document.write(data);
});
</script>

3 예시 2: JSON도 문자열로 인식됨

• $.get()은 JSON도 일반문자열로 인식한다.
• JSON을 제대로 인식하게 하려면 $.getJSON()을 이용해야 함

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get( "//raw.githubusercontent.com/jmnote/test1/master/john1.json", function( data ) {
	console.log(data); // {"firstName":"John","lastName":"Smith","isAlive":true,"age":27}
	console.log(data.firstName); // undefined
	console.log(data.age); // undefined
});
</script>

4 예시 3: 파라미터 보내기

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get( "/ex/php/greet.php", { name: "한놈", time: "14:00" } )
  .done(function( data ) {
    document.write( "data: " + data );
  });
</script>

배열 보내기

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get( "/ex/php/greet.php", { "names[]": ["한놈", "두시기"] } )
  .done(function( data ) {
    document.write( "data: " + data );
  });
</script>

5 같이 보기

• jQuery $.getJSON()
• jQuery $.post()
• jQuery $.ajax()
• jQuery 웹페이지 읽기
• AJAX

6 참고

• http://api.jquery.com/jquery.get/