7
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ASP.NET MVC ビュー生成時にJavaScriptに値を受け渡す方法

Last updated at Posted at 2018-02-28

ASP.NET MVCでビューを生成するとき、JavaScriptに初期化パラメータを受け渡したい場合があります。

値の受け渡しの方法は、
1. 直接的に値を受け渡す方法
2. 間接的に値を受け渡す方法
の2種類があります。

###1. 直接的に値を受け渡す方法

この方法は、ビュー(cshtml)にJavaScriptを併記している場合に有効です。
ビュー生成時にJavaScriptの変数の右肩をRazor構文で置換します。

###2. 間接的に値を受け渡す方法

Razor構文でJavaScriptの変数の右肩を置換する受け渡し方法は、
ビュー(cshtml)とJavaScript(js)を別ファイルで管理し、
ビューでJavaScriptを読み込んで利用する場合には使えません。

この場合、JavaScript(js)に受け渡したい値をHTMLに埋め込み
JavaScript(js)で埋め込まれた値を読み込む方法を採ります。

2-1. Inputタグを利用する
HTMLへの埋め込みにInputタグのValueを利用し、Inputタグ自体は非表示(hidden)とする。

2-2. ローカルストレージを利用する
こういった方法もありかも?

localStorage.setItem(key, strData);
var strData = localStorage.getItem(key);
7
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?