asp.net-mvc
Asp MVC로 jQuery Ajax 호출

jQuery Ajax 호출로 JavaScript 객체 게시하기

Ajax는 사용자에게 더 나은 대화 형 사용자 인터페이스 환경을 제공하기 위해 데이터를 호출하고 요청 및 검색합니다. 이 기사에서는 jQuery를 사용하고 Ajax 호출을 통해 데이터를 보내는 방법을 설명한다. 이 예제에서 우리는 서버에 다음 JavaScript 객체를 POST 할 것입니다.

var post = {
    title: " Posting JavaScript objects with jQuery Ajax Call",
    content: " Posting JavaScript objects with jQuery Ajax Call",
    tags: ["asp mvc", "jquery"]
};

서버 측

서버 측 모델은 javascript 객체를 지원합니다.

public class Post
{
    public string Title { get; set; }
    public string Content { get; set; }
    public string[] Tags { get; set; }
}

우리가해야 할 일은 표준 ASP.NET MVC 컨트롤러 메서드를 만드는 것입니다.이 메서드는 Person 유형의 단일 매개 변수를 취합니다.

public class PostController : BaseController
{
    public bool Create(Post model)
    {
        //Do somthing
    }
}

클라이언트 측

JavaScript 객체를 보내려면 JSON.stringify () 메서드를 사용하여 객체를 data 옵션에 보내야합니다.

$.ajax({
    url: '@Url.Action("create", "Post")',
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({ model: post })
}).done(function(result){
    //do something
});