AJAX를 사용하여

우리가 감각이 혁신적인 기술의 잠재력을하기 위해 얼굴을보고으로 AJAX를 도입 후. 우리는 UpdatePanel 놓을테니까 콘텐츠 페이지와 간단한 응용 프로그램을 생성합니다. Apagina 다음 페이지가로드되는 날짜와 시간을 표시 두 레이블에 삽입,하지만 우리가 볼 수있는 'UpdatePanel 하나의 외부 내부 라벨을 넣어하는 방법을 페이지의 일부를 업데이 트합니다.

그래서 우리는 새로운 웹사이트를 생성하고 양식에 배치 AJAX 컨트롤의 관리에 필요한에서 Default.aspx 양식 (도구 상자의 AJAX 확장 탭에서 위치)에 ScriptManager 컨트롤을 추가합니다. 통상이 컨트롤은 비주얼 스튜디오가 자동으로 생성되는 DIV 태그의 외부 배치됩니다. 우리의 페이지에서이 컨트롤을 포함하면 우리는 이런 상황을 가지고

이제 우리 양식 및 denominiamola의 LabelDataOraLoad에 레이블을 삽입합니다. 버튼을 삽입

파일을 열고 라벨이 현재 날짜와 시간을 표시하므로 ebento Default.aspx.cs Page_Load을 수정

 보호 무효 Page_Load (객체 발송인, EventArgs E)







 {



  



 this.LabelDataOraLoad.Text은 = DateTime.Now.ToString ();







 }

우리는 버튼을 여러 번 클릭하여 응용 프로그램을 시작하고 다시 몇 게시물을 생성합니다. 우리가 관찰하는 것은 가치가 버튼을 누르면 각각 변경하는 것이 있습니다.

이 시점에서, 페이지에 UpdatePanel 컨트롤을 추가하고 우리는이 컨트롤 내의 LabelDataOraUpdate라는 두 번째 레이블을 넣어

그것이 현재의 날짜와 시간을 표시하므로이 레이블 우리는 Page_Load 이벤트를 수정

 보호 무효 Page_Load (객체 발송인, EventArgs E)







 {



  



 this.LabelDataOraLoad.Text은 = DateTime.Now.ToString ();



  



 this.LabelDataOraUpdate.Text은 = DateTime.Now.ToString ();







 }

우리는 응용 프로그램을 시작하고 전에 다시 몇 게시물을 생성합니다. 우리는 각각의 클릭으로 업데이 트 라벨이 동일한 방식으로 동작 것을 볼

이것은 두 번째 레이블 dell'UpdatePanel 내부의 다시 게시가이 컨트롤의 밖에 일어나는 원인이 동작이지만 때문입니다. 지금 제거 dell'UpdatePanel에서 버튼을 이동합니다. 우리가 보면 우리는 패널의 버튼 태그 안에 위치에서 Default.aspx 파일을 참조

우리가이 시점에서 시작하면 우리는 다른가 첫 페이지로드의 값으로 설정되어있는 동안 버튼 레이블에만 포함된 nell'UpdatePanel를 클릭하여 응용 프로그램이 업데이 트됩니다 것을 볼

이것은 paginaperchè 페이지가 특정 작업 (버튼 클릭)에 대한 응답으로 업데이 트의 유일한 예술의 부분 업데이 트를 호출하는 과정입니다.

이것은 명확하게 AJAX의 가능성을 보여주는 단지 작은 예입니다, 그리고 당신이 같은 타이머, UpdateProgress의 AutoCompleteExtender 등 다른 Microsoft 컨트롤의 재미있는 기능의 공식 문서를 통해 심화로 초대합니다.

• <<이전 레슨
• 색인 도움말
• 다음 수업>>