본문 바로가기

Ajax4

데이터 로딩중 표시하기 1 - Ajax 컨트롤 UpdatePanel, UpdateProgress 화면에서 ASP.Net 컨트롤을 사용하여 특정 작업을 할 때 작업시간이 오래 걸리면 다시 PostBack 이 일어날 때까지 화면이 아무 반응이 없습니다. 이럴 경우 데이터 로딩중... 혹은 잠시만 기다려주세요.. 같은 진행상태를 표시해 주는 예제입니다. 이 예제에서는 Ajax 확장 컨트롤인 UpdatePanel 과 UpdateProgress 를 사용합니다. 예제에서 사용된 로딩 중 이미지는 아래 파일을 다운받으시면 됩니다. (loading.zip 파일을 다운받아 압축을 푸시면 왼쪽 그림과 같은 loading.gif 가 나옵니다) 1. WebForm2.aspx 부분 로딩중... 2. WebForm2.aspx.cs 부분 public partial class WebForm2 : System.Web.UI.Pag.. 2013. 9. 27.
웹폼에서 Ajax 실행하기 3 - jQuery Ajax + JSON 웹폼에서 Ajax 를 실행할 때 jQuery Ajax 와 더불어 JSON 을 사용하여 서버단 함수에 데이터를 넘기고 받는 예제입니다. 이 예제에서는 C# 과 jQuery v1.7.1, 그리고 JSON 처리를 위해 json3 를 사용합니다. json3는 github 에서 진행되는 오픈소스 라이브러리이며 json3 을 검색하여 다운로드 받거나 아래 첨부파일을 다운로드 받으시면 됩니다. 1. WebForm4.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Service.. 2013. 9. 14.
웹폼에서 Ajax 실행하기 2 - jQuery Ajax 웹폼에서 Ajax 를 실행할 때 1번 글과 같은 ScriptManager 라는 ASP.Net Ajax 컨트롤을 사용하지 않고 jQuery Ajax 를 사용하여 서버단의 함수를 호출하는 예제입니다. 이 예제에서는 C# 과 jQuery v1.7.1 을 사용하였습니다. 1. WebForm3.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; namespace WebApplication1 { public partial class WebForm3 : Syst.. 2013. 9. 14.
웹폼에서 Ajax 실행하기 1 - ScriptManager Ajax 컨트롤 웹폼에서 Ajax 컨트롤 중 ScriptManager 를 사용하여 서버단 함수를 Ajax 로 호출하는 예제입니다. 이 예제에서는 C# 과 jQuery 가 사용되며 jQuery 는 v1.7.1 을 사용하였습니다. 1. WebForm2.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; namespace WebApplication2 { public partial class WebForm2 : System.Web.UI.Page { protected voi.. 2013. 9. 13.