[解決済み] jqueryでAJAX Postを使用して、強型MVC3ビューからモデルを渡す正しい方法
2022-11-06 20:23:47
質問
私はWebプログラマーの初心者なので、私の"jargon"が正しくなければ許してください。 私は、MVC3 フレームワークを使用して ASP.NET を使用するプロジェクトを持っています。
私は、管理者が機器のリストを変更するための管理ビューに取り組んでいます。 機能の 1 つは "update" ボタンで、MVC コントローラに投稿を送信した後、ウェブページ上のエントリを動的に編集するために jquery を使用したいのです。
このアプローチは、ウェブページがデータベースと同期しなくなる懸念が最小である単一の管理設定において、quot;safe" であると推測しています。
私は強く型付けされたビューを作成し、AJAXポストを使用してMVCコントロールにモデルデータを渡すことを希望していました。
次の投稿で、私がやろうとしていることに似ているものを見つけました。 JQuery Ajax および ASP.NET MVC3 による null パラメーターの発生
上記の投稿にあるコードサンプルを使ってみます。
モデルです。
public class AddressInfo
{
public string Address1 { get; set; }
public string Address2 { get; set; }
public string City { get; set; }
public string State { get; set; }
public string ZipCode { get; set; }
public string Country { get; set; }
}
コントローラーです。
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Check(AddressInfo addressInfo)
{
return Json(new { success = true });
}
}
スクリプトをViewで表示します。
<script type="text/javascript">
var ai = {
Address1: "423 Judy Road",
Address2: "1001",
City: "New York",
State: "NY",
ZipCode: "10301",
Country: "USA"
};
$.ajax({
url: '/home/check',
type: 'POST',
data: JSON.stringify(ai),
contentType: 'application/json; charset=utf-8',
success: function (data.success) {
alert(data);
},
error: function () {
alert("error");
}
});
</script>
私はまだ上記を使用する機会がありませんでした。 しかし、これがAJAXを使用してMVCコントロールにモデルデータを渡すための最良の方法であるかどうか疑問に思っていました。
モデル情報を公開することについて心配する必要がありますか?
どのように解決するのですか?
var宣言とstringifyは省略できます。それ以外は問題なく動作します。
$.ajax({
url: '/home/check',
type: 'POST',
data: {
Address1: "423 Judy Road",
Address2: "1001",
City: "New York",
State: "NY",
ZipCode: "10301",
Country: "USA"
},
contentType: 'application/json; charset=utf-8',
success: function (data) {
alert(data.success);
},
error: function () {
alert("error");
}
});
関連
-
[解決済み] ファイルまたはアセンブリ 'System.Web.WebPages.Razor, Version=2.0.0.0' を読み込めませんでした。
-
[解決済み] 年、月、日のパラメーターは、表現できない DateTime Exception を記述します。
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み] razor viewエンジンでの@文字のエスケープ
-
[解決済み] ajaxポストからのファイルダウンロードを処理する
-
[解決済み】PHPによるjQuery Ajax POSTの例
-
[解決済み】MVC 3 web.configのwebpages:Enabledの機能は何ですか?
-
[解決済み] customerrors = "On "の場合、アプリケーションエラーが発生しない。
-
[解決済み] Razorコメント文法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Html.DisplayForの構文は何のためにあるのですか?
-
[解決済み] 年、月、日のパラメーターは、表現できない DateTime Exception を記述します。
-
[解決済み] razor viewエンジンでの@文字のエスケープ
-
[解決済み】ViewBag、ViewData、TempDataについて
-
[解決済み】ASP.NET MVC3 - textareaで@Html.EditorForを使用する。
-
[解決済み】MVC 3 web.configのwebpages:Enabledの機能は何ですか?
-
[解決済み] Razor View-MVC3 ASP.NETでWeb.configからキー値にアクセスする。
-
[解決済み] MVC3 Razor。コードブロック内のhtmlを表示する
-
[解決済み] ビュー内の現在のコントローラを取得する
-
[解決済み] customerrors = "On "の場合、アプリケーションエラーが発生しない。