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)
13645정성태6/13/20243658개발 환경 구성: 711. Visual Studio로 개발 시 기본 등록하는 dev tag 이미지로 Docker Desktop k8s에서 실행하는 방법
13644정성태6/12/20244014닷넷: 2265. C# - System.Text.Json의 기본적인 (한글 등에서의) escape 처리 [1]
13643정성태6/12/20243814오류 유형: 907. MySqlConnector 사용 시 System.IO.FileLoadException 오류
13642정성태6/11/20244008스크립트: 65. 파이썬 - asgi 버전(2, 3)에 따라 달라지는 uvicorn 호스팅
13641정성태6/11/20243716Linux: 71. Ubuntu 20.04를 22.04로 업데이트
13640정성태6/10/20243780Phone: 21. C# MAUI - Android 환경에서의 파일 다운로드(DownloadManager)
13639정성태6/8/20243548오류 유형: 906. C# MAUI - Android Emulator에서 "Waiting For Debugger"로 무한 대기
13638정성태6/8/20243665오류 유형: 905. C# MAUI - 추가한 layout XML 파일이 Resource.Layout 멤버로 나오지 않는 문제
13637정성태6/6/20243991Phone: 20. C# MAUI - 유튜브 동영상을 MediaElement로 재생하는 방법
13636정성태5/30/20244061닷넷: 2264. C# - 형식 인자로 인터페이스를 갖는 제네릭 타입으로의 형변환파일 다운로드1
13635정성태5/29/20244386Phone: 19. C# MAUI - 안드로이드 "Share" 대상으로 등록하는 방법
13634정성태5/24/20243973Phone: 18. C# MAUI - 안드로이드 플랫폼에서의 Activity 제어
13633정성태5/22/20244064스크립트: 64. 파이썬 - ASGI를 만족하는 최소한의 구현 코드
13632정성태5/20/20244006Phone: 17. C# MAUI - Android 내에 Web 서비스 호스팅
13631정성태5/19/20243948Phone: 16. C# MAUI - /Download 등의 공용 디렉터리에 접근하는 방법
13630정성태5/19/20244587닷넷: 2263. C# - Thread가 Task보다 더 빠르다는 어떤 예제(?)
13629정성태5/18/20244373개발 환경 구성: 710. Android - adb.exe를 이용한 파일 전송
13628정성태5/17/20244138개발 환경 구성: 709. Windows - WHPX(Windows Hypervisor Platform)를 이용한 Android Emulator 가속
13627정성태5/17/20244142오류 유형: 904. 파이썬 - UnicodeEncodeError: 'ascii' codec can't encode character '...' in position ...: ordinal not in range(128)
13626정성태5/15/20244157Phone: 15. C# MAUI - MediaElement Source 경로 지정 방법파일 다운로드1
13625정성태5/14/20244573닷넷: 2262. C# - Exception Filter 조건(when)을 갖는 catch 절의 IL 구조
13624정성태5/12/20244494Phone: 14. C# - MAUI에서 MediaElement 사용파일 다운로드1
13623정성태5/11/20244487닷넷: 2261. C# - 구글 OAuth의 JWT (JSON Web Tokens) 해석파일 다운로드1
13622정성태5/10/20244639닷넷: 2260. C# - Google 로그인 연동 (ASP.NET 예제)파일 다운로드1
13621정성태5/10/20244285오류 유형: 903. IISExpress - Failed to register URL "..." for site "..." application "/". Error description: Cannot create a file when that file already exists. (0x800700b7)
13620정성태5/9/20244343VS.NET IDE: 190. Visual Studio가 node.exe를 경유해 Edge.exe를 띄우는 경우
1  2  3  4  5  6  [7]  8  9  10  11  12  13  14  15  ...