サーチ…


jQuery Ajax Callで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オブジェクトを送信するには、オブジェクトをdataオプションに送信するためにJSON.stringify()メソッドを使用する必要があります。

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


Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow