ASP.NET MVC 컨트롤러에 대한 AJAX 호출을 수행하는 방법은 무엇입니까?

AJAX가 ASP.NET MVC 컨트롤러에 호출: 실용 가이드

AJAX 호출은 페이지 새로 고침 없이 원활한 서버 통신을 제공하여 사용자 경험을 크게 향상시킵니다. 이 가이드에서는 ASP.NET MVC 내에서 AJAX 호출을 쉽게 구현하는 방법을 보여줍니다.

컨트롤러 작업 및 코드 보기

간단한 컨트롤러 동작을 살펴보겠습니다.

<code class="language-csharp">public ActionResult FirstAjax()
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}</code>

동적 URL 생성을 위해 Razor 구문을 활용하는 해당 JavaScript AJAX 호출은 다음과 같습니다.

<code class="language-javascript">$.ajax({
    url: '@Url.Action("FirstAjax", "AjaxTest")',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

function successFunc(data, status) {
    alert(data);
}

function errorFunc() {
    alert('error');
}</code>

문제 해결: 불필요한 data 매개변수

데이터가 전송되지 않았음에도 불구하고 AJAX 호출에 불필요한 data 속성이 포함된 초기 코딩 오류가 발생했습니다. data 매개변수(예: data: param = "")를 제거하면 이 문제가 해결되었습니다. Razor 내에서 @Url.Action을 사용하면 URL이 컨트롤러와 작업을 올바르게 대상으로 지정하도록 할 수 있습니다.

POST 요청 구현

POST 요청의 경우 data 매개변수를 포함합니다.

<code class="language-javascript">data: { a: "testing" },</code>

그런 다음 컨트롤러 작업을 [HttpPost] 속성으로 장식해야 합니다.

<code class="language-csharp">[HttpPost]
public ActionResult FirstAjax(string a)
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}</code>

이 종합 가이드에서는 ASP.NET MVC 컨트롤러에 대한 AJAX 호출을 수행하는 간단한 프로세스를 설명하고 강력하고 효율적인 웹 개발을 위한 일반적인 함정과 모범 사례를 강조합니다.

위 내용은 ASP.NET MVC 컨트롤러에 대한 AJAX 호출을 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!