asp ajax 예제

간단한 AJAX 예제 간단한 XMLHttpRequest를 만들고 TXT 파일에서 데이터를 검색합니다. 다음 예제와 같이 개별 데이터 항목에 액세스할 수 있습니다. 여기에서 다운로드할 수 있습니다. 따라서 ajax() 를 사용하면 사용자 GridView의 행을 클릭할 때마다 전송되는 데이터의 크기가 5.6KB에서 501바이트로 줄어듭니다. 이는 데이터가 크게 감소하여 성능이 비슷한 결과를 초래할 수 있습니다. ASP.NET 페이지에서 컨트롤을 클릭할 때마다 해당 작업을 최적화하기 위해 아무 작업도 수행하지 않은 경우 전체 페이지의 전체 포스트백이 생성됩니다. 이로 인해 클릭할 때마다 서버에서 클라이언트로 매우 많은 양의 데이터가 전송될 수 있습니다. 예를 들어 이 문서와 함께 제공되는 예제에는 두 개의 GridView 컨트롤이 포함된 페이지가 있으며 두 번째 예제에는 첫 번째 행의 선택된 행에 대한 세부 정보가 포함됩니다. 첫 번째 GridView에서 행을 클릭하면 두 번째 GridView에 대해 새 데이터가 검색됩니다. 행을 클릭하면 해당 데이터가 변경되지 않았더라도 첫 번째 GridView의 데이터를 포함하여 전체 포스트백이 생성됩니다. 이로 인해 불필요한 양의 데이터 전송이 발생합니다.

이상적으로는 변경된 페이지 데이터만 전송해야 합니다. 예제 사이트를 실행해 보고 단추를 클릭합니다. 레이블은 우리의 일반적인 Hello 세계 텍스트와 현재 시간으로 업데이트됩니다. 단추를 반복적으로 클릭하면 레이블이 매번 현재 타임스탬프를 받는 것을 볼 수 있습니다. 깜박이는 창과 실행 중인 상태 표시 줄의 멋진 부재를 알 수 있습니다 – 모든 라벨을 제외한 아무것도 업데이트하지 않고 이루어집니다! 방금 첫 번째 AJAX 지원 페이지를 만들었습니다. 이 페이지가 AJAX없이 작동하는 방법을 보려면 ScriptManager의 “enablepartialrendering”을 다음과 같이 false로 설정하십시오 : jQuery Ajax를 사용하는 함수를 정의하기 전에 jQuery ajax의 구문을 확인하여 각 속성을 알 수 있도록하십시오. 또는 함수는 나타냅니다. 또한 success() 및 error() ajax() 매개 변수를 사용할 수 있습니다. success() 및 error() 함수도 있지만 더 이상 사용되지 않습니다.

아래 표시된 첫 번째 사용법은 success() 함수이며 더 이상 사용되지 않습니다. 아래 두 번째 사용법은 ajax() 함수에 대한 success() 매개 변수이며 done() 함수 대신 사용할 수 있습니다. 이러한 변경 후 ajax() 호출형식을 수정하여 GET 메서드를 사용하도록 지정할 수 있습니다. 아래 두 이미지는 사용자 테이블을 처음 로드할 때와 해당 테이블의 행을 클릭하여 사용자 세부 정보를 로드할 때 전송되는 데이터의 양을 보여 준다. 단추 클릭을 처리하는 방법은 ajax() 호출을 “html”의 DataType으로 만듭니다 ASP.NET.

© 2019 A MarketPress.com Theme