asp.net-mvc
Asp MVCでjQuery Ajaxを呼び出す
サーチ…
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