Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

ASP.NET AJAX PageMethods - ASPX.cs의 static 메서드를 AJAX로 호출

Ajax 호출이 붐을 일으키면서 WCF + Ajax도 나오고 Web API도 나오고 있는데요. 그보다 더 간단한 방법으로 .aspx 웹 페이지의 .aspx.cs 코드에 정적 메서드를 추가하는 것으로도 Ajax 호출이 가능한 웹 메서드를 만들 수 있습니다.

얼마나 간단한지... 어디 한번 직접 만들어 볼까요? ^^

여느 때와 다름없이 그냥 ASP.NET 웹 애플리케이션을 하나 만들고 기본 생성된 default.aspx.cs 파일에 다음과 같이 [WebMethod] 특성이 부여된 정적 메서드를 추가합니다.

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 _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        public static Dictionary<string, string> DoMethod(string arg)
        {
            var result = new Dictionary<string, string>();
            result.Add(arg, Guid.NewGuid().ToString());

            return result;
        }
    }
}

이걸로 끝입니다. ^^ 정말 간단합니다.

호출은 기본 ajax 호출과 다를 바 없습니다. jQuery를 사용한다면 다음과 같은 코드를 .aspx의 HTML에서 사용하면 됩니다.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<script src="~/Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">
    $(document).ready(function () {

        var getGuid = function () {

            var inArg = {
                arg: "GuidValue"
            }

            var settings = {
                type: "POST",
                url: "/default.aspx/DoMethod",
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(inArg),
                dataType: "json"
            };

            settings.success = function (result) {
                $("#output").text(result.d.GuidValue);
            };

            $.ajax(settings);

        }

        $("#btnNewGuid").click(function () {
            getGuid();
        });
    });
</script>

    <h2>
        Welcome to ASP.NET!
    </h2>
    <p> 
        GUID: <span id="output"></span> <button type="button" id="btnNewGuid">New</button>
    </p>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>
</asp:Content>

정말 간단하죠? ^^

참고로, 예제에서는 Dictionary 타입을 반환하고 있는데 WebMethod 특성이 부여되는 정적 메서드의 시그니처 형식에 제약은 없습니다.

(첨부된 파일은 위의 코드를 포함한 간단한 프로젝트입니다.)




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 6/30/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




1  2  3  4  5  6  7  8  [9]  10  11  12  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
13595정성태4/13/20245255닷넷: 2237. C# - Audio 장치 열기 (Windows Multimedia, NAudio)파일 다운로드1
13594정성태4/12/20244905닷넷: 2236. C# - Audio 장치 열람 (Windows Multimedia, NAudio)파일 다운로드1
13593정성태4/8/20244803닷넷: 2235. MSBuild - AccelerateBuildsInVisualStudio 옵션
13592정성태4/2/20245990C/C++: 165. CLion으로 만든 Rust Win32 DLL을 C#과 연동 [1]
13591정성태4/2/20244855닷넷: 2234. C# - WPF 응용 프로그램에 Blazor App 통합파일 다운로드1
13590정성태3/31/20244514Linux: 70. Python - uwsgi 응용 프로그램이 k8s 환경에서 OOM 발생하는 문제
13589정성태3/29/20245038닷넷: 2233. C# - 프로세스 CPU 사용량을 나타내는 성능 카운터와 Win32 API파일 다운로드1
13588정성태3/28/20245760닷넷: 2232. C# - Unity + 닷넷 App(WinForms/WPF) 간의 Named Pipe 통신 [2]파일 다운로드1
13587정성태3/27/20245063오류 유형: 900. Windows Update 오류 - 8024402C, 80070643
13586정성태3/27/20247075Windows: 263. Windows - 복구 파티션(Recovery Partition) 용량을 늘리는 방법
13585정성태3/26/20245470Windows: 262. PerformanceCounter의 InstanceName에 pid를 추가한 "Process V2"
13584정성태3/26/20245757개발 환경 구성: 708. Unity3D - C# Windows Forms / WPF Application에 통합하는 방법 [4]파일 다운로드1
13583정성태3/25/20245322Windows: 261. CPU Utilization이 100% 넘는 경우를 성능 카운터로 확인하는 방법
13582정성태3/19/20245789Windows: 260. CPU 사용률을 나타내는 2가지 수치 - 사용량(Usage)과 활용률(Utilization)파일 다운로드1
13581정성태3/18/20245737개발 환경 구성: 707. 빌드한 Unity3D 프로그램을 C++ Windows Application에 통합하는 방법
13580정성태3/15/20245148닷넷: 2231. C# - ReceiveTimeout, SendTimeout이 적용되지 않는 Socket await 비동기 호출파일 다운로드1
13579정성태3/13/20245509오류 유형: 899. HTTP Error 500.32 - ANCM Failed to Load dll
13578정성태3/11/20246076닷넷: 2230. C# - 덮어쓰기 가능한 환형 큐 (Circular queue)파일 다운로드1
13577정성태3/9/20246102닷넷: 2229. C# - 닷넷을 위한 난독화 도구 소개 (예: ConfuserEx)
13576정성태3/8/20245249닷넷: 2228. .NET Profiler - IMetaDataEmit2::DefineMethodSpec 사용법
13575정성태3/7/20245679닷넷: 2227. 최신 C# 문법을 .NET Framework 프로젝트에 쓸 수 있을까요?
13574정성태3/6/20245342닷넷: 2226. C# - "Docker Desktop for Windows" Container 환경에서의 IPv6 DualMode 소켓
13573정성태3/5/20245032닷넷: 2225. Windbg - dumasync로 분석하는 async/await 호출
13572정성태3/4/20245349닷넷: 2224. C# - WPF의 Dispatcher Queue로 알아보는 await 호출의 hang 현상파일 다운로드1
13571정성태3/1/20245212닷넷: 2223. C# - await 호출과 WPF의 Dispatcher Queue 동작 확인파일 다운로드1
13570정성태2/29/20245363닷넷: 2222. C# - WPF의 Dispatcher Queue 동작 확인파일 다운로드1
1  2  3  4  5  6  7  8  [9]  10  11  12  13  14  15  ...