JQuery Ajax 및 ASP를 사용하기 위한 올바른 패턴은 무엇입니까?넷 MVC?

JQuery Ajax 및 ASP를 사용하기 위한 올바른 패턴은 무엇입니까?넷 MVC?

MVC 프레임워크와 JavaScript, JQuery는 모두 처음입니다.Ajax 콜을 구성하는 올바른 방법을 이해하려고 노력 중입니다.

예를 들어서Vote Up버튼은 StackOverflow에 표시되는 버튼과 유사합니다.사용자가 클릭하면 데이터베이스에서 투표 수를 업데이트하고 새 값을 UI로 반환해야 합니다.현재 이 작업을 수행 중입니다.VoteUp에서PostsController이 방법에는int postID파라미터로 지정합니다.

public PostsController : Controller
{
    public ActionResult VoteUp(int postId)
    {
        //Increment Post Vote Count
        return Json(voteCount); //Return just the new vote count as a JSon result.
    }
}

그런 다음 url "http://example.com/posts/voteUp?postId=5"을 호출하여 Ajax를 통해 이 메서드를 호출합니다.그런 다음 UI를 업데이트하는 데 사용할 새 값이 포함된 JSon ActionResult를 반환합니다.

이것이 올바른 구현 방법입니까?javascript와 jquery는 모두 처음입니다.asp.net 웹폼에서 클릭 이벤트 핸들러로 모든 작업을 수행하는 데 익숙합니다.어떤 안내라도 해주시면 감사하겠습니다.

네, 거의 맞는 것 같네요.

단, postId를 Id로 변경하면 다음과 같은 URL로 콜할 수 있습니다.

http://example.com/posts/voteUp/5

(디폴트 라우팅 사용).그것은 개인적인 취향에 관한 문제이다.

jQuery와 JsonResult Controller를 사용하여 접근합니다.jQuery 코드는 JsonResult를 호출하여 관련 정보를 모델 코드에 전달하고 새로운 투표 추가를 처리합니다.비슷한 개념에 대한 간단한 튜토리얼을 작성했습니다.이 튜토리얼은 http://www.dev102.com/2008/08/19/jquery-and-the-aspnet-mvc-framework/에서 구할 수 있습니다.

언급URL : https://stackoverflow.com/questions/437002/what-is-the-right-pattern-for-using-jquery-ajax-and-asp-net-mvc