ajax asp 예제
여기 는 출력 창:개발 환경에서이 예제를 시도 하 고 그것을 실행 하는 경우 다음 두 번째 날짜 표시 업데이트 패널 내에 있기 때문에 단추를 누를 때마다 업데이트 됩니다 찾을 수 있습니다. 그러나 첫 번째 레이블은 (처음 표시)입니다. “이것은 매우 간단한 예이며 프로젝트 개발에 전혀 유용하지 않습니다”라고 말하고 있습니다. 그럼 난 당신에게이보다 더 유용한 무언가를 보여줍니다. AJAX 기술로 약간의 데이터베이스 작업을 만들어 보겠습니다. AJAXHere를 사용하여 데이터베이스에서 데이터를 가져 오기 데이터베이스에서 데이터를 가져 와서 AJAX를 사용하여 그리드 내에 표시하는 방법을 보여 드리겠습니다. 기본 개념이나 구현은 동일합니다. 나는 업데이트 패널 내에서 몇 가지 컨트롤을 유지하고 그게 전부입니다. 여기 내 aspx 페이지: 공용 클래스 AjaxServeice : System.Web.Services.WebService 예를 들어, 버튼 컨트롤이 업데이트 패널 내부에 있고 클릭하면 업데이트 패널 내의 컨트롤만 영향을 받습니다. 영향을 받지 않습니다. 이를 부분 포스트 백 또는 비동기 포스트 백이라고 합니다. `Ajax 지원 사이트`를 만들거나 `항목 추가` 대화 상자에서 `AJAX 웹 양식`을 추가하면 웹 양식에 스크립트 관리자 컨트롤이 자동으로 포함됩니다. ScriptManager 컨트롤은 모든 서버 측 컨트롤에 대한 클라이언트 쪽 스크립트를 처리합니다.
이 예제 페이지는 Users 테이블에 대한 테이블 구조를 정의하지만 데이터가 도착할 때 채울 수 있도록 테이블 본문을 비워 둡니다. ld: 이 문서에서는 ASP.NET 웹 응용 프로그램이 사이트에 대한 응답성을 높이기 위해 ASP.NET 웹 응용 프로그램이 데이터를 요청하고 컨트롤을 업데이트하는 방법을 변경하는 것이 얼마나 쉬운지 보여 주어 도 했습니다. 간단한 예제에서 포스트백 크기를 5.6KB에서 501바이트로 줄입니다. 더 복잡한 응용 프로그램은 더 큰 감소를 볼 수 있습니다. ASP.NET 웹 앱 개발에 익숙한 경우 이 문서에서 설명한 jQuery.ajax() 메서드를 사용하여 익숙한 기술을 유지하면서 새 사이트와 기존 사이트의 성능을 크게 향상시킬 수 있습니다. 예제 사이트를 실행해 보고 단추를 클릭합니다. 레이블은 우리의 일반적인 Hello 세계 텍스트와 현재 시간으로 업데이트됩니다. 단추를 반복적으로 클릭하면 레이블이 매번 현재 타임스탬프를 받는 것을 볼 수 있습니다. 깜박이는 창과 실행 중인 상태 표시 줄의 멋진 부재를 알 수 있습니다 – 모든 라벨을 제외한 아무것도 업데이트하지 않고 이루어집니다! 방금 첫 번째 AJAX 지원 페이지를 만들었습니다. 이 페이지가 AJAX 없이 어떻게 작동하는지 확인하려면 ScriptManager의 “인에이블partialrendering”을 다음과 같이 false로 설정하십시오: ASP.NET 페이지의 컨트롤을 클릭할 때마다 tho를 최적화하기 위해 아무 작업도 수행되지 않은 경우 전체 페이지의 전체 포스트백이 생성됩니다. se 작업. 이로 인해 클릭할 때마다 서버에서 클라이언트로 매우 많은 양의 데이터가 전송될 수 있습니다.
예를 들어 이 문서와 함께 제공되는 예제에는 두 개의 GridView 컨트롤이 포함된 페이지가 있으며 두 번째 예제에는 첫 번째 행의 선택된 행에 대한 세부 정보가 포함됩니다. 첫 번째 GridView에서 행을 클릭하면 두 번째 GridView에 대해 새 데이터가 검색됩니다. 행을 클릭하면 해당 데이터가 변경되지 않았더라도 첫 번째 GridView의 데이터를 포함하여 전체 포스트백이 생성됩니다. 이로 인해 불필요한 양의 데이터 전송이 발생합니다. 이상적으로는 변경된 페이지 데이터만 전송해야 합니다. var pageUrl = `<%=ResolveUrl("~/아약스서브리스.asmx").`]“““““““““]` 위의 예제의 주석 줄은 ajax() 호출을 추가하여 서버에서 데이터를 얻을 위치를 보여 준다. 위의 예에서 사용자가 입력 필드에 문자를 입력할 때 “showHint()”라는 함수가 실행됩니다. jQuery Ajax를 사용하는 함수를 정의하기 전에 각 속성 이나 함수가 나타내는 것을 알 수 있도록 jQuery ajax의 구문을 살펴보겠습니다.