[C#] JavaScript에서 ASP.NET 함수를 호출 하시겠습니까?

정적이고 강력한 형식의 프로그래밍은 항상 매우 자연스러운 느낌을 주었으므로 처음에는 응용 프로그램을위한 웹 기반 프런트 엔드를 구축해야 할 때 JavaScript (HTML 및 CSS는 말할 것도없이) 학습에 저항했습니다. 순수한 C #을 코딩 할 수있는 한 OnLoad 이벤트를 수행하고 조치를 취하기 위해 페이지로 리디렉션하는 것과 같이이 문제를 해결하기 위해 모든 작업을 수행합니다.

그러나 웹 사이트를 사용하려면 열린 마음을 가지고 더 웹 지향적 인 생각을 시작해야합니다 (즉, 서버에서 클라이언트 측 작업을 수행하려고 시도하지 마십시오) . 나는 ASP.NET 웹 양식을 좋아하고 여전히 MVC 뿐만 아니라 그것을 사용 하지만 클라이언트와 서버의 분리를 숨기려고하면 초보자를 혼란스럽게하고 실제로는 때로는 더 어려워 질 수 있다고 말할 것입니다 .

내 조언은 몇 가지 기본 JavaScript (이벤트 등록, DOM 객체 검색, CSS 조작 등)를 배우는 것이므로 웹 프로그래밍이 훨씬 더 즐겁습니다 (쉽게 언급 할 수는 없음). 많은 사람들이 다른 Ajax 라이브러리를 언급했지만 실제 Ajax 예제는 보지 않았으므로 여기에갑니다. (Ajax에 익숙하지 않다면 전체 페이지를 다시로드하거나 전체 포스트 백을 수행하지 않고 컨텐츠를 새로 고치거나 시나리오에서 서버 측 작업을 수행하기 위해 비동기 HTTP 요청을하는 것입니다.

고객 입장에서:

<script type="text/javascript">
var xmlhttp = new XMLHttpRequest(); // Create object that will make the request
xmlhttp.open("GET", "http://example.org/api/service", "true"); // configure object (method, URL, async)
xmlhttp.send(); // Send request

xmlhttp.onstatereadychange = function() { // Register a function to run when the state changes, if the request has finished and the stats code is 200 (OK). Write result to <p>
    if (xmlhttp.readyState == 4 && xmlhttp.statsCode == 200) {
          document.getElementById("resultText").innerHTML = xmlhttp.responseText;
    }
};
</script>

그게 다야. 이름이 잘못 될 수 있지만 결과는 일반 텍스트 또는 JSON 일 수 있지만 XML로 제한되지는 않습니다. jQuery 는 Ajax 호출을위한보다 간단한 인터페이스를 제공합니다 (다른 JavaScript 작업을 단순화 함).

요청은 HTTP-POST 또는 HTTP-GET 일 수 있으며 웹 페이지 일 필요는 없지만 RESTful 과 같은 HTTP 요청을 수신하는 모든 서비스에 게시 할 수 있습니다. API . ASP.NET MVC 4 웹 API는 서버 측 웹 서비스를 설정하여 요청을 쉽게 처리 할 수 ​​있도록합니다. 그러나 많은 사람들은 웹 양식 프로젝트에 API 컨트롤러를 추가하고이를 사용하여 Ajax 호출을 처리 할 수 ​​있다는 것을 모릅니다.

서버 측:

public class DataController : ApiController
{
    public HttpResponseMessage<string[]> Get()
    {
        HttpResponseMessage<string[]> response = new HttpResponseMessage<string[]>(
            Repository.Get(true),
            new MediaTypeHeaderValue("application/json")
        );

        return response;
    }
}

Global.asax

그런 다음 Global.asax 파일에 HTTP 경로를 등록하면 ASP.NET은 요청을 지시하는 방법을 알 수 있습니다.

void Application_Start(object sender, EventArgs e)
{
    RouteTable.Routes.MapHttpRoute("Service", "api/{controller}/{id}");
}

AJAX 및 컨트롤러를 사용하면 서버 측 작업을 수행하기 위해 언제든지 비동기 적으로 서버에 다시 게시 할 수 있습니다. 이 1-2 펀치는 JavaScript의 유연성과 C # / ASP.NET의 성능을 모두 제공하여 사이트를 방문하는 사람들에게 전반적인 경험을 향상시킵니다. 아무것도 희생하지 않으면 서 두 세계의 장점을 모두 누릴 수 있습니다.

참고 문헌

• 아약스 ,
• jQuery Ajax ,
• Webforms의 컨트롤러

---

답변