분류 전체보기 (328)
.NET (111)
S/W tip (35)
etc (63)
DB (34)
HOT item~! (48)
Disign pettens (4)
UX (6)
나의 S/W (2)
개발관련 이슈 (16)
Diary (1)
웹플러스 (1)
calendar
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
tags
archive
link
ColorSwitch 00 01 02

▣  Ajax 강의 - .NET/JavaScript - 2011. 6. 15. 14:15

▣  Jquery Ajax 강의 블로그 - .NET/JavaScript - 2011. 6. 15. 11:16

출처 : http://rintiantta.blog.me/40124260338

2월 한달을 초록색으로 채우기 위해 4월에 후반부터 올라갈 예정인 Ajax Basic 강의 1강을 훅 당겨서 앞에다 씁니다. ;ㅁ; ...


AJax 라는 것은 특정적인 무언가를 뜻하는 것이 아니라

구현되는 한 방법을 의미한답니다. 가끔 jQuery로만 Ajax가 가능하다고 생각하시는 분도 있는데,

그것은 아닙니다. 'ㅁ' , 그냥 페이지를 새로고침하지 않고 다른 곳에서 데이터를 이리저리 가져오고 하면 그것이 바로 Ajax 랍니다.

예로 구글맵, 네이버맵, 다음맵 등이 있을 수 있겠지요 ㅇㅁㅇ


쨌건, 이론적인 이야기는 뒤로 쭉 미루구요.

Javascript를 사용한 원래 가장 기본적은 Ajax도 뒤로 미루구요 'ㅁ'

"엥, 다 미루나요 .. ?!"

『더 쉬운 jQuery를 사용한 Ajax부터 차근차근 보도록합시다. ㅎㅎ』

오늘의 결과입니다.

네, 별거 없죠 .... 뭔가 성공을 했다고 합니다. ㅇㅁㅇ




시작합시다. 'ㅁ'

jQuery Basic 강의는 어느정도 숙지하고 오셔야 강의 진행이 원할할 수 있답니다.

jQuery Basic 은 또 Javascript 강의가 선행이지요.




간단하게 <body>태그 내부를 꾸며주었습니다. 'ㅁ'



<body>태그내의 section에 id 를 주었구요 'ㅁ'

<script>태그 내의 document.ready() 에서 jQuery.ajax() 라는 메소드를 사용하겠습니다. 'ㅁ'


$.ajax()라는 녀석은 대충 어디선가 무언가를 들고올 수 있는 녀석이라고 생각하시면 된답니다.

그렇다면 어디인가 있는 무언가를 선택해주어야겠지요 ㅇㅁㅇ .. ?!


그래서 간단하게 이 블로그의 RSS를 선택해주었답니다.

참고적으로 ASP.NET MVC3 강의에 JSON을 가져오는 것이 있는데

그것과 마찬가지라고 보시면 됩니다. 'ㅁ' ㅎㅎ




그러니 어디선가 무언가를 들고오라고 명시해줍니다. 'ㅁ'




이어서 성공하면 다음 함수를 실행시켜달라고 요청을 하구요 'ㅁ'




실패하면 다음 함수를 실행시켜달라고 이야기해줍니다. ㅇㅅㅇ




간단하게 내부에 내용을 뾱뾱 넣어주었습니다. ㅎㅎ



실행하시면 Success 라는 말이 뜹니다.

즉, 어디선가 무언가를 들고왔다는 말이지요.


그럼 다음 강의에서는 그 어디선가에서 들고온 무언가를 화면에 띄워보도록하겠습니다. ㅎㅎ

하지만 4월 후반에 보실 수 있겠군요 'ㅁ' ;;


오늘 강의는 여기까지구요 ㅎㅎ

다음강의에뵈요 'ㅁ' .. !



articles
recent replies
recent trackbacks
notice
Admin : New post