[Jquery] Ajax 예제
개발자 노트/JQuery 2012/09/06 15:47 |
안녕하세요 개발자 명월입니다.
요즘 Ria System이 각광받는 요즘 추세에 Ajax는 정말 많이 사용되는 기술입니다. AJax란 정확하게 이야기 하믄 JavaScript-x + 통신객체(XMLHttpRequest) + 통신데이터(XML) 세가지가 주요 기술요소로써 JavaScrpt-x에서 웹서버에 비동기 통신을 이용하여 데이터를 얻고 화면에 반영하는 방식입니다.
어려운 이론보다는 실제 코딩을 확인하겠습니다.
1 jQuery.ajax({
2 type:"POST",
3 url:".......",
4 data:"parameter,
5 success:function(msg){
6 },
7 error: function(xhr,status,error){
8 }
9 });
2 type:"POST",
3 url:".......",
4 data:"parameter,
5 success:function(msg){
6 },
7 error: function(xhr,status,error){
8 }
9 });
예제
1 <script language='javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
2 <script>
3 $(document).ready(function(){
4 jQuery.ajax({
5 type:"GET",
6 url:"test.html",
7 success:function(msg){
8 alert(msg);
9 }, error: function(xhr,status,error){
10 alert(error);
11 }
12 });
13 });
14 </script>
2 <script>
3 $(document).ready(function(){
4 jQuery.ajax({
5 type:"GET",
6 url:"test.html",
7 success:function(msg){
8 alert(msg);
9 }, error: function(xhr,status,error){
10 alert(error);
11 }
12 });
13 });
14 </script>
소스 파일 첨부합니다 확인하세요.
Jquery_Ajax.zip필요하시면 구독+ 까지~☆
질문이나 틀린점, 요청사항은 댓글 달아주세요.감사합니다~♡
네이버검색창에 명월일지을 쳐보세요.
