초보 채 의 아 약 스 복습 2 편(JQuery 의 load()방법 아 약 스 기능 구현)

지난 블 로그 에 기 록 된 것 은 전통 적 인 자 바스 크 립 트 에서 XML HttpRequest 대상 을 이용 하여 데 이 터 를 비동기 로 불 러 오 는 것 입 니 다.에이,어린이 신발...................................................하하..........................................................................................많은 회사 들 이 Ajax 라 는 내용 을 면접 할 때 컨트롤 을 끌 지 않 고 원래 의 생태 적 인 Ajax 프로그램 을 쓰 게 하 는 것 같 습 니 다.그래서 그 중요성 을 알 고 있 습 니 다!)!됐어,이렇게 많이 말 했 으 니 잊 어 버 려 야 지,너!크 크.........................................................................이것 은 내 가 말 한 것 이 아니다.이 유 겸 이 말 한 것 이다.무슨 일이 있 으 면 그 를 찾 아 라!)JQuery 에 서 는 load()방법 을 사용 하면 비동기 로 데 이 터 를 불 러 오 는 기능 을 쉽게 실현 할 수 있 습 니 다.이 제 는 이 큰 덩어리 대신 몇 줄 의 코드 를 사용 하 세 요!(우선,이전 과 마찬가지 로 1.htm 와 2.htm 두 페이지 를 새로 만 듭 시다!)1.htm 의 코드 는 다음 과 같 습 니 다

 
<head> 
<title></title> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> //  ：        ！ 
<script type="text/javascript"> 
$(function () { 
$("#btnGet").click(function () {//        
$("#divMsg").load("2.htm");//  load()   ; load    ：load(url,[data],[callback]):  url         ;    data       //     ，      key/value;callback      ，             
}) 
}) //         ！      “        ”   ，          ，              ！ 
</script> 
</head> 
<body> 
<input type="button" id="btnGet" value="    " /> 
<div id="divMsg"> 
</div> 
</body> 
</html>

2.htm 의 코드 는 다음 과 같 습 니 다

 
<head> 
<title></title> 
</head> 
<body> 
  ：  <br /> 
  ： <br /> 
  ：[email protected] 
</body> 
</html>

다 썼 습 니 다.여기 서 협객 들 이 웃 지 않 았 으 면 좋 겠 습 니 다!내 가 원래 채소 채 니까 쓴 게 좀 두 가지 야.그냥 복습 하 는 걸 로 해!

초보 채 의 아 약 스 복습 2 편(JQuery 의 load()방법 아 약 스 기능 구현)

좋은 웹페이지 즐겨찾기